Streaming React for Faster UIs
summary
Claims that server-side React DOM's stream renderer plus browsers' streaming HTML parsers let HTML arrive and parse in chunks, improving TTFB and first meaningful paint. Demo builds a Pokedex using Suspense with resource/cache, placeholders and preload to show lists before details, and a server-rendered version that streams fully rendered chunks without client hydration. Prototype works and shows notable perf wins, but APIs are experimental/unstable and not production ready.
AI-written summary · about
chapters (16)
- 0:00Intro
- 0:55What is Amo
- 2:00Title
- 4:05Accessibility
- 7:54Rendering
- 8:49Streaming
- 10:35Data fetching
- 11:00Data fetching demo
- 11:28Pokedex demo
- 14:41Data fetching
- 15:53Upcoming solution
- 16:05Suspense
- 19:55Disclaimer
- 20:28Pokedex
- 29:02NodeStream
- 30:13Facebook React
related talks
28mImproving Performance using React Server Components!
30mHow Streaming Can Supercharge React
16mStreaming Server Side Rendering simplified with Next.JS
18mExploring React 18's Streaming Capabilities with Suspense for SSR
18mSplitting the Work: Streaming Server Rendering with Suspense
40mReact Rendering Strategies Panel Discussion
26mReact Suspense
31mLiving on the Edge