Routing in React 18 and Beyond
summary
Claims a new Next.js router that leverages react server components and React 18 concurrent features to move routing, rendering, and data fetching to the most appropriate runtime. It uses file-system nested route segments and persistent layouts to avoid re-renders, fetches per-segment to eliminate waterfalls, and promises faster navigation by pre-rendering minimal UI and stashing routes to restore state. Vercel already supports 35+ front-end frameworks and an RFC with implementation details is available.
AI-written summary · about
chapters (10)
- 0:00Routing in React 18
- 1:12Web routing evolution
- 5:04React Router basics
- 6:30Next.js file system routing
- 8:37Server Components and hybrid apps
- 9:43Next.js server router proposal
- 12:11Nested routing benefits
- 13:56Navigation with concurrent features
- 15:22Future of routing with RSC
- 16:23Q&A on Remix and React Router
related talks
04mIntroducing Next.js App Router
17mState of React 2022
48mReact Server Components: A New Way to Build Fast and Interactive Web Apps
34mWhat's Next? Exploring the future of React
12mThe React Router take on RSC
10mRouting Reimagined: Upgrading to React Router v7
26mVanilla React
44mReact Server Components 101