React Suspense
summary
Demo shows a working server-side suspense prototype that streams HTML and injects small script tags, letting parts render before all data arrives. It demonstrates using a delayMilliseconds threshold to avoid useless spinners (examples counted roughly 7 and 12 placeholder updates) and using preload to warm cache to parallelize previously serial fetches. The prototype renders movie details first, falls back to a spinner only after the threshold, and the preload change makes reviews and details appear together.
AI-written summary · about
chapters (6)
- 0:00React Suspense intro
- 3:44Lazy loading challenges
- 12:31Suspense as solution
- 14:18Server-side rendering with Suspense
- 16:25Live Suspense demo
- 24:21Future of Suspense
related talks
42mSolidJS: Why all the Suspense?
40mReact Rendering Strategies Panel Discussion
09mRoad to a Better UX with Suspense and Concurrent UI
18mSplitting the Work: Streaming Server Rendering with Suspense
18mExploring React 18's Streaming Capabilities with Suspense for SSR
39mReact … wait for it … Suspense
22mRoad to a better UX with Suspense and Concurrent UI
28mImproving Performance using React Server Components!
