React Reinvented
summary
An overview of how React's rendering models have evolved from Backbone-era approaches to modern features like Suspense, Streaming, and Server Components. It explains using UI streaming and Partial Pre-rendering (PPR) to combine static and dynamic content, with practical examples and live coding showing how to integrate slow AI APIs without degrading user experience.
AI-written summary · about
chapters (17)
- 0:00Introduction
- 2:12Why I built Sunsync
- 5:46Web rendering evolution
- 10:29Server-side rendering explained
- 12:14Next.js Pages Router
- 14:43Traditional SSR problems
- 15:24React Server Components intro
- 17:10Client vs server components
- 19:38Component tree rendering
- 22:44State management with context
- 24:31Suspense for async
- 26:00RSC streaming model
- 27:23Streaming architecture benefits
- 28:28Fluid Compute overview
- 28:48Live coding RSC
- 37:26Pagination with suspense
- 43:51AI playlist demo
related talks
40mReact Rendering Strategies Panel Discussion
54mReact Server Components: A New Way to Build Fast and Interactive Web Apps
17mState of React 2022
30mReact: Rethinking best practices
31mStreaming React for Faster UIs
21mImplementation and use cases of modern rendering patterns
24mAriel Shulman @ ReactNext '25
18mExploring React 18's Streaming Capabilities with Suspense for SSR
