React Router 6 on Scrimba
Quick answer: SPAs fall apart when URLs, nested layouts, and data loading are hacked together. This Pro ~9.7-hour React Router v6 course teaches nested routes, search params, loaders, actions, protected routes, and deferred patterns—in interactive scrims, not only docs.
Last reviewed: March 2026.
We may earn a commission if you join Scrimba through our links.
React Router 6 Tutorial
ProLearn React Router v6, the most popular routing library for React applications and one of the most downloaded React support libraries ever.
View on Scrimba (opens in a new tab)About This Course
Learn React Router v6, the most popular routing library for React applications and one of the most downloaded React support libraries ever.
This Intermediate-level course covers 9.7 hrs of content across 44 interactive screencasts. A Scrimba Pro subscription is required for full access.
- Duration: 9.7 hrs
- Level: Intermediate
- Access: Scrimba Pro required
- Modules: 6
- Total Lessons: 44
What Makes This Course Distinctive
This is a dedicated deep dive into React Router v6, not a single chapter bolted onto a general React course. The module list mirrors how real apps grow: nested layouts, URL-driven state with search params, data loading and error boundaries, actions, auth-style protected routes, and deferred loading patterns. You work in Scrimba's interactive player so you change route config and see navigation behavior immediately.
Teams struggle when every screen becomes a prop-drilling mess or when refresh breaks client-only hacks. This course pushes the router-native patterns that avoid those traps. It fits after Learn React and pairs well with Advanced React's routing section if you want the focused 9.7-hour treatment. Newer devs like Tom benefit when they plan a portfolio with multiple views; experienced hires use it before touching a brownfield SPA. If you only ship a one-screen dashboard, you might defer this until routing is on your roadmap.
Module Breakdown
| Module | Duration | Lessons |
|---|---|---|
| Introduction to React Router | 87 min | 11 |
| Nested Routes | 2.1 hrs | 19 |
| Search Params and Links | 95 min | 13 |
| Loaders and Errors | 42 min | 0 |
| Actions and Protected Routes | 2.7 hrs | 1 |
| Deferred Data | 73 min | 0 |
Prerequisites
Basic knowledge of HTML, CSS, and JavaScript is recommended before starting this course.
Who Is This Course For?
Best for developers who already build React UIs and need confident routing for dashboards, marketing sites with app shells, or multi-step flows. Strong fit for path learners on Frontend or Fullstack tracks. Not a first React course: learn components and state first, then take this when URLs and nested pages become your bottleneck.
Part of These Learning Paths
Choose This If
- You want v6-native patterns (nested routes, loaders, actions) instead of copying outdated Stack Overflow snippets.
- You have hacked routing with conditional renders and it falls apart on refresh or deep links; this course shows the structured fix.
- You need routing depth for a job, a client project, or the next module in your learning path.
Related Courses
Practice & Learn More
- Practice React Hooks
- Practice React Projects
- How Long Does It Take to Learn Coding?
- Scrimba vs Codecademy | All Comparisons
Related Pages
- Practice React Hooks
- Practice React Projects
- Frontend Developer Path
- Scrimba vs Codecademy
- React Courses
- All Courses
- Scrimba Pricing | Pro vs Free
- Scrimba Review 2026
This course requires a Scrimba Pro subscription. Pro gives you access to 86+ courses, a certificate of completion, and access to the Discord community. Check the pricing page for current rates.
The course contains 9.7 hrs of interactive screencasts. Since you can pause and code along at your own pace, most learners finish in 1-2 weeks of regular practice.
You will build practical projects using React Router 6 concepts. Scrimba's interactive format lets you modify the instructor's code directly in the browser.
Start React Router 6 Tutorial
Get access to React Router 6 Tutorial and 86+ more interactive courses with Scrimba Pro.
Use our partner link to get 20% off the Pro plan.