React Server Components
summary
A working demo builds a minimal RSC backend with Express + renderToString, dynamic imports and a custom serializer that turns JSX (including async components) into a JSON tree, replacing useEffect/useState with async server components that await data on the server. The result renders list and detail pages with fetched dog-breed data visible in view-source; navigation still loses client state until client bundles are wired. Three practical takeaways: fetch early, isolate handlers, use server-side cache.
AI-written summary · about
chapters (7)
- 0:00Introduction and speaker intro
- 3:17What are React Server Components
- 7:12How React Server Components work
- 12:50Building a demo from scratch
- 20:34Creating an RSC backend
- 26:53Practical tips for adoption
- 28:38Community and closing thoughts
related talks
39mReact Server Components: A Deep Dive
12mReact Server Components and SSR: How it Fits
21mReact Server Components
40mServer Components for the Rest of Us
48mReact Server Components: A New Way to Build Fast and Interactive Web Apps
27mAnd Now You Understand React Server Components
19mReact Server Components - Under the Hood
59mReact Server Components Explained for Backend Developers