And Now You Understand React Server Components

on YouTube ↗32m

" summary

Walks through building the same counter across MPA -> progressively enhanced MPA -> SPA -> Remix, showing exact code changes: form POSTs, fetch-based client submit, reducer/useEffect state, TanStack Query, then a Remix loader/action. Demonstrates that React Server Components let the component be async, read the DB directly, and expose mutations via use server, removing client fetch calls, script tags and duplicated UI/network code while preserving progressive enhancement and reusable npm-publishable components; the demo runs end-to-end after a server restart.

AI-written summary · about

" chapters (11)

1. 0:00Introduction and welcome
2. 1:09History of web complexity
3. 6:50Building a counter from scratch
4. 10:41Progressive enhancement with JavaScript
5. 18:02Moving from MPAs to SPAs
6. 24:00Challenges with SPAs and APIs
7. 24:43Frameworks and PESPAs
8. 27:53React Server Components introduction
9. 28:56Reusable components with RSCs
10. 30:20Progressive enhancement with RSCs
11. 31:26Summary and conclusion

" related talks

• 54mReact Server Components: A New Way to Build Fast and Interactive Web AppsAurora Walberg Scharff · NDC Sydney 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
• 48mReact Server Components: A New Way to Build Fast and Interactive Web AppsAurora Walberg Scharff · CPH DevFest 2024
• 12mExploring the Power of React Server ComponentsAdhithi Ravichandran · Next.js Conf 2023
• 51mDiscussion on React server componentsTanner Linsley, Ryan K Carniato, Ben Holmes · Reactathon 2023
• 59mReact Server Components Explained for Backend DevelopersJonas Bandi · Voxxed Days CERN 2025
• 50mReact Server Components: A New Way to Build Fast and Interactive Web AppsAurora Walberg Scharff · NDC Porto 2023