Out Of Order Streaming (The Secret Powering Modern React)
summary
Claims that Out Of Order Streaming is the practical trick behind modern React and demonstrates it with runnable demos: server streams partial HTML, a tiny RC swap script replaces template placeholders out of order, and the browser updates pieces as they arrive. Shows Next.js Canary enabling dynamic I.O. and partial pre-rendering, caches the initial fragment on a CDN, then streams remaining fragments — the demos build and run and the swap/hydration behavior works end to end.
AI-written summary · about
chapters (10)
- 0:00Introduction to Streaming in React
- 2:11Exploring Partial HTML Rendering with Streams
- 3:36Challenges with Server-Side Loading
- 4:59Solving the Server-Side Loading Issue
- 6:30Streaming HTML in a Different Order
- 8:32Exploring HTML Streaming and the Magic Script
- 10:30Optimizing HTML Streaming with Suspense
- 13:50Introduction to Dynamic I.O.
- 15:26Exploring Partial Pre-rendering
- 17:47Enhancing Web Browsing with Suspense
related talks
28mImproving Performance using React Server Components!
31mLiving on the Edge
26mProgressive HTML Rendering 101
31mStreaming React for Faster UIs
16mStreaming Server Side Rendering simplified with Next.JS
30mHow Streaming Can Supercharge React
18mSplitting the Work: Streaming Server Rendering with Suspense
40mReact Rendering Strategies Panel Discussion