Towards Universal JavaScript

on YouTube ↗39m

" summary

Claims that same JavaScript can run on server and client to fix SEO and performance tradeoffs, with concrete workarounds and costs: RedMart replaces headless-phantomJS reverse-proxy caching by server-side rendering using React + Node + Express, bundling with Webpack and Babel, hydrating DOM via renderToString and serializing state to dehydrate/rehydrate a Redux store. Demonstrations show it works but exposes real problems: coordinating multiple API fetches (use isomorphic-fetch), DOM mismatches, cookie/session differences, and extra infrastructure and maintenance.

AI-written summary · about

" chapters (6)

1. 0:00Start
2. 1:36What is Universal JavaScript ?
3. 3:13Why Universal JavaScript ?
4. 3:32Performance Maintainability
5. 9:59How to build a Universal JavaScript app?
6. 27:28Not really!

" related talks

• 24mUniversal ApplicationsStepan Parunashvili · Spotlight React 2016
• 30mThe Bumpy Road to Universal JavaScriptJohannes Ewald · You Gotta Love Frontend Conference 2018
• 44mServer Side Rendering from the trenchesWilliam Durand · jsDay 2018
• 28mJavaScript SEO (The "Right" Way)Jeff Whelpley · MountainWest JavaScript 2014
• 45mBuilding Isomorphic Apps (Updated)Spike Brehm · JSConf.Asia 2014
• 31mThe Bumpy Road to Universal JavaScriptJohannes Ewald · JSCamp 2018
• 10mUniversal Apps: Architecture for the Modern WebElyse Kolker Gordon · The Lead Developer New York 2018
• 43mIsomorphic JavaScript appsNiko Köbler · Jfokus 2016