The React Router take on RSC
summary
A small React Router movie app converts incrementally to React Server Components using a Vite plugin and React Router with framework mode, deployable before any RSC code lands. Demo shows moving a heavy movie card from a client loader to a server-named export, removing loaders and actions, replacing router actions with server functions, and marking interactive parts with use client so nested routes stay client or server as needed.
AI-written summary · about
chapters (8)
- 0:00Introduction
- 1:06Setting up React Server Components
- 2:30Incremental RSC adoption
- 5:20Nested server components
- 6:05Server actions in RSC
- 7:27Migrating routes to RSC
- 9:17Future of app interactions
- 10:44Closing and resources
related talks
57mRemix Your React Router Applications
26mVanilla React
21mAnd Now You Understand React Server Components
10mRouting Reimagined: Upgrading to React Router v7
48mReact Server Components: A New Way to Build Fast and Interactive Web Apps
52mExploring the World of Remix: A Guide to Building Resilient and Performant Web Apps
40mThe Remix Evolution: How React Router v7 Enables Fast and Resilient Apps
51mDiscussion on React server components