React new Era, AKA Here we go Server Components
summary
Demo shows Server Components serving a posts list and full post pages so business logic runs once on the server and the page ships with 0 JavaScript to the client. Comments stream with Suspense and a loading fallback so slow comment APIs don’t block the page (had to clear Next.js cache during demo). Navigation becomes a small client component using use client and useParams, and a like button uses Server Actions to update and revalidate — it works end to end.
AI-written summary · about
chapters (7)
- 0:00React's new era
- 2:59React Server Components
- 7:48Creating server components
- 14:43Slow data with Suspense
- 21:12Mixing client and server
- 27:19Interactivity with server actions
- 30:10Conclusion
related talks
45mReact Server Components: A New Way to Build Fast and Interactive Web Apps
54mReact Server Components: A New Way to Build Fast and Interactive Web Apps
32mReact Server Components 101
28mMastering Server-Side Development for React Developers
50mReact Server Components: A New Way to Build Fast and Interactive Web Apps
01h 07mDemystifying React Server Components
48mReact Server Components: A New Way to Build Fast and Interactive Web Apps
31mReact Server Components Elevating Speed, Interactivity, and User Experience
