React Server Components: A New Way to Build Fast and Interactive Web Apps
summary
React Server Components stream HTML from the server while only shipping interactivity where needed, implemented here with Next.js App Router, streaming RSC payloads and React 19 hooks to reduce client bundle size. Examples show database queries inside components using Prisma + Azure SQL, form submissions wired to server actions (hidden endpoints) and the donut pattern for mixing server and client leaves. A medium-scale production rewrite uses these patterns successfully but surfaces added complexity, testing gaps, and framework coupling.
AI-written summary · about
chapters (8)
- 0:00Introduction and agenda
- 1:42Web rendering strategies
- 11:08React server components
- 18:52Next.js app router
- 21:38RSC development patterns
- 28:41Practical demonstration
- 42:08Real-world experience
- 44:12Future and resources
related talks
54mReact Server Components: A New Way to Build Fast and Interactive Web Apps
45mReact Server Components: A New Way to Build Fast and Interactive Web Apps
50mReact Server Components: A New Way to Build Fast and Interactive Web Apps
43mReact Applications on the Server
59mReact Server Components Explained for Backend Developers
01h 07mDemystifying React Server Components
44mReact Server Components 101
54mReact Server Components - Explained for Backend Developers