React Server Components: Fad or Real Progress?

on YouTube ↗45m

" summary

Explains how React Server Components work in Next.js (React Canary) to keep some components at zero bundle size by running them on the server so they can call ORMs, APIs and the filesystem directly. Describes how HTML streaming + Suspense and selective hydration reduce client-server waterfalls, shows a demo with Next.js, Webpack and the PokéAPI (plus a client counter) to illustrate what ends up in the client bundle, and warns about risks like accidental server-code shipping (API key leaks), immature tooling, caching semantics, and the large carbon footprint tied to device manufacturing.

AI-written summary · about

" chapters (11)

1. 0:00Introduction
2. 1:05SSR vs CSR performance
3. 4:58Hydration limitations
4. 9:57Server Components theory
5. 13:08Client Components practice
6. 16:36Real server advantages
7. 17:19Live demo
8. 24:11Pitfalls and best practices
9. 24:54Future of React
10. 33:04Conclusion
11. 35:15Q&A

" related talks

• 43mReact Applications on the ServerDominik Guzy · 4Developers 2021
• 54mReact Server Components: A New Way to Build Fast and Interactive Web AppsAurora Walberg Scharff · NDC Sydney 2024
• 44mReact Server Components 101Kawtar Choubari · reactjsday 2024
• 48mReact Server Components: A New Way to Build Fast and Interactive Web AppsAurora Walberg Scharff · CPH DevFest 2024
• 01h 07mDemystifying React Server ComponentsDustin Goodman · Connect.Tech 2024
• 45mReact Server Components: A New Way to Build Fast and Interactive Web AppsAurora Walberg Scharff · NDC Oslo 2024
• 19mReact Server Components - Under the HoodLee Rowlands · React Advanced 2021
• 12mExploring the Power of React Server ComponentsAdhithi Ravichandran · Next.js Conf 2023