And Now You Understand React Server Components
summary
Builds a minimal RSC framework that actually works: server endpoints call renderToPipeableStream from react server dom esm to emit the RSC payload, the client uses createFromFetch to rehydrate elements, and a custom node loader turns client modules into export references. Demo includes an editable text client component (with use state and an action) and a client-side router that swaps RSC content promises; it runs but exposes pending-UI, history and caching edge cases.
AI-written summary · about
chapters (9)
- 0:00Introduction and warm-up
- 1:30Discovering RSC
- 3:34Building an RSC framework
- 5:34Project setup
- 7:59Understanding RSC architecture
- 10:46Server-client composition
- 12:18Implementing client components
- 17:18Building the client router
- 19:37Conclusion and resources
related talks
27mAnd Now You Understand React Server Components
21mExploring React Server Component Fundamentals
48mReact Server Components: A New Way to Build Fast and Interactive Web Apps
30mReact Server Components
59mReact Server Components Explained for Backend Developers
01h 07mDemystifying React Server Components
40mServer Components for the Rest of Us
12mThe React Router take on RSC