Write React Server Components from Scratch

Explore the inner workings of React Server Components in this 39-minute tutorial video. Construct a simplified version of React server components from scratch using TypeScript, mimicking the Next.js app router. Gain insights into React's component lifecycle, state management, and data fetching primitives. Learn how to render components on the server and send them to clients, enhancing your understanding of the underlying mechanisms. Build a sample application, add server rendering, create and render server components, and explore state persistence with client-side React. Discover the relationship between React Server Components, Client-Side Rendering, and Server-Side Rendering. Explore tools for adopting React Server Components and appreciate React's community-driven nature. Note that this streamlined model takes shortcuts and is designed for educational purposes rather than production use.

Intro
Sponsor
React as an architecture
What is React Server Components RSC?
Building a Sample Application
Adding Server Rendering
Creating Server Components
Rendering Server Components
Persisting State with Client-side React
RSC and CSR and SSR
Tools for Adopting RSCs
React is a Community