Living on the Edge
summary
Claim: React 18 replaces renderToString with renderToReadableStream so Suspense and suspense list loading order render HTML progressively before any JavaScript runs, then hydrate quickly when the bundle arrives. Demo uses Cloudflare Workers (250 cities, ~20 ms to 80% of connected world) plus KV and durable objects as the runtime and data layer. Trade-offs: streaming needs a server runtime (Node or edge), some serverless offerings buffer and defeat streaming, but the approach works in practice.
AI-written summary · about
chapters (8)
- 0:00Start
- 0:43Sunil Pai
- 9:07Streaming
- 13:52Suspense List
- 18:34Recap
- 20:46Nodejs
- 26:20Durable Objects
- 28:52Reset Moment for React
related talks
18mSplitting the Work: Streaming Server Rendering with Suspense
16mStreaming Server Side Rendering simplified with Next.JS
28mImproving Performance using React Server Components!
40mReact Rendering Strategies Panel Discussion
31mStreaming React for Faster UIs
18mExploring React 18's Streaming Capabilities with Suspense for SSR
17mShipping to the Edge
26mReact Suspense