Universal Applications

on YouTube ↗24m

" summary

Claim: sharing runtime between server and client using Node/Express plus React and Redux gives real wins — server uses ReactDOM.renderToString to send HTML, client hydrates with the same bundle, and routing uses react-router match so routes render server-side. Data uses per-component static fetchData and an isomorphic-fetch shim so initial page contains fetched JSON and avoids duplicate XHRs. It works and improves perceived load and SEO but costs a webpack/Babel build step and exposes edge cases (cookies, non-universal libraries).

AI-written summary · about

" chapters (7)

1. 0:00Introduction
2. 0:33Universal Applications
3. 3:12Backbone
4. 5:20JavaScript
5. 11:12Cost
6. 12:33Routing
7. 16:09Fetch

" related talks

• 39mTowards Universal JavaScriptSarmad Sangi · JSConf.Asia 2015
• 39mUniversal JavaScript Web Applications with ReactLuciano Mammino · Codemotion Milan 2016
• 38mBuilding Isomorphic Web Applications with ReactElyse Kolker Gordon · Strange Loop 2015
• 53mUniversal JavascriptLuciano Mammino · Frontend United 2017
• 23mMastering Server-rendered AppsSven Anders Robbestad · React Amsterdam 2016
• 10mUniversal Apps: Architecture for the Modern WebElyse Kolker Gordon · The Lead Developer New York 2018
• 45mBuilding Isomorphic Apps (Updated)Spike Brehm · JSConf.Asia 2014
• 40mServer Components for the Rest of UsTejas Kumar · reactjsday 2023