React Server Components and SSR: How it Fits

on YouTube ↗12m

" summary

Build uses Express + react-dom-server renderToString to SSR a dog-breeds site built without Next.js 13, with Server Components implemented as async functions that fetch data. A custom unwrapJsx awaits async Server Components to produce a big React element tree (not HTML) which is serialized and sent. Client implements soft navigation by fetching JSX objects, re-rendering to preserve local state; navigation still works without JS so progressive enhancement holds.

AI-written summary · about

" chapters (7)

1. 0:00Introduction to RSC
2. 1:25React elements explained
3. 3:08Server-side rendering
4. 5:23Implementing server components
5. 7:45RSC and SSR interplay
6. 8:29Client-side navigation
7. 11:00Conclusion and resources

" related talks

• 30mReact Server ComponentsTejas Kumar · React Nexus 2023
• 39mReact Server Components: A Deep DiveTejas Kumar · Conf42 JavaScript 2023
• 21mReact Server ComponentsTejas Kumar · React Day Berlin 2023
• 48mReact Server Components: A New Way to Build Fast and Interactive Web AppsAurora Walberg Scharff · CPH DevFest 2024
• 40mServer Components for the Rest of UsTejas Kumar · reactjsday 2023
• 59mReact Server Components Explained for Backend DevelopersJonas Bandi · Voxxed Days CERN 2025
• 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