Skip to main content

Learn React Router

Scrimba's dedicated routing course with Bob Ziroll: about 9.7 hours on React Router v6, from the first route to loaders, actions, and protected pages.

Quick answer​

Learn React Router is Scrimba's Pro-tier, intermediate course on React Router v6, roughly 9.7 hours taught by Bob Ziroll. It covers nested routes, search params, data loaders, error handling, actions, and protected routes. It is for people who already know hooks-based React and need real client-side routing. If routing is the only gap you are filling, this is the focused, cheaper option compared to taking the whole Advanced React course.

Is it worth your time?​

If you can build React components but your apps are still single-page with no real navigation, this fills exactly that gap. React Router is the de facto routing library for React, and v6 changed enough (the data APIs, loaders, and actions) that older tutorials will steer you wrong. This course teaches the current model directly.

The honest caveat is overlap. The routing module inside Advanced React covers much of the same ground. If you already own Advanced React or plan to take it, you do not need this as well. Take this standalone course when routing is the specific thing you need and you do not want to pay for the broader advanced material around it.

What you'll learn​

Course curriculum

6 modules · 50 lessons

  1. Introduction to React Router87 min11 lessons
  2. Nested Routes2.1 hrs19 lessons
  3. Search Params and Links95 min13 lessons
  4. Loaders and Errors42 min2 lessons
  5. Actions and Protected Routes2.7 hrs5 lessons
  6. Deferred Data73 min

The arc moves from setup to the harder data patterns. You start with basic routes and links, then spend the largest early block on nested routes (layouts, outlets, and index routes). Search params and links cover real navigation state. From there it gets into the v6 data layer: loaders that fetch before a route renders, error boundaries for failed loads, actions for form submissions, and protected routes for auth-gated pages. Deferred data closes it out with streaming slow responses without blocking the page.

Who it's for, and who should skip it​

It fits developers who have finished Learn React or already work comfortably with hooks and want production-grade routing.

Skip it if you have not learned React yet (do Learn React first), or if you are already committed to Advanced React, whose routing module overlaps this heavily. There is no reason to pay for both purely for routing.

Prerequisites​

Hooks-based React: components, props, useState, useEffect, and fetching data with fetch or similar. Comfort with JavaScript promises and async code matters here, since loaders and actions are async by design.

Where it fits​

Learn React Router sits in the Frontend Developer Path and the Fullstack Developer Path, after React fundamentals and usually alongside or just before serious project work.

Free or Pro​

This is a Pro course, so it needs a Scrimba subscription. Pro also unlocks the full career paths, the coding challenges, the private Discord, and path certificates. See current plans for what Pro costs in your region.

Strengths and limits​

What it does well: it teaches the current v6 data APIs rather than the older route-config style, it is project-driven, and Bob Ziroll's notation carries over cleanly if you took Learn React.

Where it is limited: it overlaps the Advanced React routing module, so you can end up paying for the same content twice if you are not careful, and it is specifically React Router v6, so framework-router users (Next.js, Remix) will only get partial transfer.

View Learn React Router on Scrimba (opens in a new tab)

Related Guides

Next step

All Courses

Docs
Last updated on