Mastering React Router v7
Intermediate 6 Lessons
Learn the new "Full Stack" React Router. Master loaders, actions, nested layouts, and the new Vite plugin architecture.
Curriculum
1
Introduction & Setup
Understand the architecture of React Router v7 and how to set up a new project using the Vite plugin.
min
2
Configuring Routes
Learn how to define routes, nested layouts, and index routes using the new routes.ts configuration file.
min
3
Loaders: Fetching Data
Master the loader pattern to fetch data parallel to routing, eliminating waterfalls and loading spinners.
min
4
Actions: Mutating Data
Learn how to handle form submissions and data mutations using Actions and the Form component.
min
5
Pending UI & Optimistic Updates
Enhance perceived performance by handling pending states and implementing optimistic UI updates.
min
6
Error Handling
Implement granular error handling using Error Boundaries to keep your app resilient.
min