React Server Components 101

on YouTube ↗32m

" summary

Demonstrates building a blog (posts, comments, likes) using React Server Components with Next.js 13.4 default Server Components and the "use client" directive to opt specific pieces into interactivity. Server components fetch data and return a render payload sent as HTML only, while tiny client components (e.g., a counter button) handle interactive logging on both server and client; limitations include no browser APIs in server components and some UI libraries (like Material UI) requiring client mode.

AI-written summary · about

" chapters (8)

1. 0:00React Server Components intro
2. 3:58Client-side rendering issues
3. 9:12Why Server Components
4. 11:22How Server Components work
5. 17:27Server vs Client in Next.js
6. 21:46Blog example
7. 26:23SSR vs Server Components
8. 28:33Challenges and future

" related talks

• 44mReact Server Components 101Kawtar Choubari · reactjsday 2024
• 12mExploring the Power of React Server ComponentsAdhithi Ravichandran · Next.js Conf 2023
• 54mReact Server Components - Explained for Backend DevelopersJonas Bandi · Voxxed Days Zürich 2024
• 45mReact Server Components: A New Way to Build Fast and Interactive Web AppsAurora Walberg Scharff · NDC Oslo 2024
• 01h 07mDemystifying React Server ComponentsDustin Goodman · Connect.Tech 2024
• 50mReact Server Components: A New Way to Build Fast and Interactive Web AppsAurora Walberg Scharff · NDC Porto 2023
• 48mReact Server Components: A New Way to Build Fast and Interactive Web AppsAurora Walberg Scharff · CPH DevFest 2024
• 54mReact Server Components: A New Way to Build Fast and Interactive Web AppsAurora Walberg Scharff · NDC Sydney 2024