Routing Reimagined: Upgrading to React Router v7
summary
Claims it converts a large CSR codebase (example: ~5,000 files, ~40,000 LOC) to SSR without a rewrite by switching to React Router v7, using its object-based route configs plus loader and action functions to move data fetching off useEffect. Demonstrates a V6 → V7 incremental migration: server loaders populate initial HTML (page still renders with JS disabled), client loaders run on subsequent navs, and pre-rendering produces static HTML for docs while automatic code‑splitting reduces bundle size.
AI-written summary · about
chapters (6)
- 0:00Introduction
- 1:50React Router v7 features
- 3:39Demo setup comparison
- 5:01SSR implementation details
- 7:12Static site generation
- 9:48Summary and Q&A
related talks
26mVanilla React
57mRemix Your React Router Applications
40mThe Remix Evolution: How React Router v7 Enables Fast and Resilient Apps
12mThe React Router take on RSC
52mExploring the World of Remix: A Guide to Building Resilient and Performant Web Apps
10mHow to migrate 50,000 lines of code to React Server Components
17mRouting in React 18 and Beyond
54mExploring the World of Remix: A Guide to Building Resilient and Performant Web Apps
