Server-Side Rendering 2.0? React Server Components

on YouTube ↗40m

" summary

Introduces React Server Components from React 18: components that run only on the server, can access server infrastructure like databases, and keep their JavaScript on the server to improve performance and bandwidth. Uses a code-heavy example application to explain how Server Components work, what use cases fit them best, and how they differ from classic server-side rendering and frameworks like Next.js.

AI-written summary · about

" chapters (18)

1. 0:00SSR 2.0 intro
2. 1:03Live demo example app
3. 2:47Classic React challenges
4. 5:33SSR basics and benefits
5. 6:57Server Components zero bundles
6. 8:45SSR 2.0 component types
7. 10:51Server Components limits
8. 12:58Live code demo network
9. 16:30Client component integration
10. 19:58Shared server-client components
11. 23:29Data management no client state
12. 27:01Efficient data loading motivation
13. 30:08Suspense for async loading
14. 31:56Practical Suspense in SSR
15. 36:32React 18 transitions
16. 37:14SSR status update
17. 38:37Conclusion and outlook
18. 39:18Q&A

" related talks

• 54mReact Server Components - Explained for Backend DevelopersJonas Bandi · Voxxed Days Zürich 2024
• 44mReact Server Components 101Kawtar Choubari · reactjsday 2024
• 33mServer Components are React's superweapon in the Stack WarsEdoardo Dusi · Voxxed Days Trieste 2024
• 50mReact Server Components: A New Way to Build Fast and Interactive Web AppsAurora Walberg Scharff · NDC Porto 2023
• 43mReact Applications on the ServerDominik Guzy · 4Developers 2021
• 01h 07mDemystifying React Server ComponentsDustin Goodman · Connect.Tech 2024
• 54mReact Server Components: A New Way to Build Fast and Interactive Web AppsAurora Walberg Scharff · NDC Sydney 2024
• 59mReact Server Components Explained for Backend DevelopersJonas Bandi · Voxxed Days CERN 2025