fb

React Router

We’ll get you off to the races building complex apps with React Router.

Logos: Apple, Netflix, Microsoft, Netlify, Uber, Tesla, Amazon, Spotify
You’ll be in great company with other developers we’ve trained

Want to skip
the docs?

There’s an easier way to master React Router.

Our linear course is like having a smart, experienced friend sit down next to you, walk you through each concept, and apply what you learn. It’s our secret sauce.

Start Learning Today
  1. 01

    Fundamentals

    In this section you’ll learn the fundamentals of React Router including how to create routes and how navigate users between those routes.

    Free Preview
    • Lesson
    • Quiz
    • Practice
    • Project
  2. 02

    URL Parameters

    In this section, you’ll break down the ‘URL Parameters’ example on the React Router documentation to learn how you to leverage URL parameters.

    Free Preview
    • Lesson
    • Quiz
    • Practice
    • Project
  3. 03

    Query Strings

    In this section we’ll break down how to implement and parse query strings with React Router.

    • Lesson
    • Quiz
    • Practice
    • Project
  4. 04

    Customizing Link

    Because React Router is just components, composing your own custom Link component is pretty straightforward. In this section we’ll do just that.

    • Lesson
    • Quiz
    • Practice
    • Project
  5. 05

    Nested Routes

    In this section you’ll learn how to utilize nested routes with React Router.

    • Lesson
    • Quiz
    • Practice
    • Project
  6. 06

    Programmatically Navigating

    The goal of this section is to break down the correct approaches to programmatically navigating with React Router.

    • Lesson
    • Quiz
    • Practice
    • Project
  7. 07

    Protected Routes

    In this section, you’ll learn how to create authenticated routes (routes that only certain users can access based on their authentication status) using React Router.

    • Lesson
    • Quiz
    • Practice
    • Project
  8. 08

    Code Splitting

    In this section we’ll take a look at not only what code splitting is and how to do it, but also how to implement it with React Router.

    • Lesson
    • Quiz
    • Practice
    • Project
  9. 09

    Route Config

    If you need it, you can still have a central route config with React Router. In this section you’ll learn how.

    • Lesson
    • Quiz
    • Practice
    • Project
  10. 10

    Animated Transitions

    In this section you’ll learn to how to add animated transitions to an app using React Router.

    • Lesson
    • Quiz
    • Practice
    • Project
  11. 11

    Protected Routes

    In this section, you’ll learn how to create authenticated routes (routes that only certain users can access based on their authentication status) using React Router.

    • Lesson
    • Quiz
    • Practice
    • Project
  12. 12

    404 Pages

    In this section you’ll learn how to implement catch all routes for handling 404 pages in a React app with React Router.

    • Lesson
    • Quiz
    • Practice
    • Project
  13. 13

    Passing Props to Link

    In this section you’ll learn how ot pass props to React Router’s Link component.

    • Lesson
    • Quiz
    • Practice
    • Project
  14. 14

    Sidebars

    When building an app with React Router, often you’ll want to implement a sidebar or breadcrumb navbar. In this section you’ll learn how.

    • Lesson
    • Quiz
    • Practice
    • Project
  15. 15

    Preventing Transitions

    Many times when building an app with React Router, you want to warn the user before they navigate away from a specific route.

    • Lesson
    • Quiz
    • Practice
    • Project

Make it click

Everything you need to know to master React Router

Get that money.

React Router is used by many of the biggest companies in the world.

  • Learn the ins and outs of client-side routing
  • Get hands on practical experience using React Router
  • Level up your skills to get that raise

Looks like a solid investment to me!

Ashish Shetty's avatar
Ashish Shetty

Developer

You won’t find a better React Router Course. I promise. You learn React Router and also get SSR with this. How great is that!

starstarstarstarstar
Clark Dowding's avatar
Clark Dowding

Developer

I’ve seen good courses and I’ve seen bad courses. This is a great course. Tyler approach works great. I know that with 20 minutes I can get through an into video to learn a concept.

starstarstarstarstar
Matan Pazuelo's avatar
Matan Pazuelo

Developer

Was amazing, long but so detailed, hes answer all the deep questions i had about React Router. thanks Tyler

starstarstarstarstar
Jean Loureiro's avatar
Jean Loureiro

Developer

I like how Tyler strips the code into pieces, explains the basics first and then shows you how it works. Nice work mate

starstarstarstarstar
Conrad's avatar
Conrad

Developer

High-quality course at a fair price. Difficult topics made easily understandable. Thanks a lot Tyler!

starstarstarstarstar

Join 80,000+ developers
and start learning today.

React Router

  • + 19 lessons covering the whole API
  • + Over 250 minutes of video
  • + 32 quizzes and practice scenarios
  • + 1 Guided project
  • + Personalized help on our platform
  • + Lifetime access to course

Est value - $650 (compared to live workshop)

There is no better course on React Router. This is the only course that’s up to date and it is the best way to master client-side routing.

Annual Subscription

  • + 8 courses (including React Router)
  • + Video + text for all courses
  • + Quizzes and practice scenarios
  • + Guided projects for each course
  • + Personalized help on our platform

Est value - $2800

Basically everything you need to know to kill the React game for the world’s biggest tech companies.

Developers love our content (and we think you will too).

1m YouTube Views
Over 1 million YouTube views this year
80k+ Developers Helped
Over 80k developers have taken our courses
100k+ Newsletter Subscribers
Over 100k developers read our newsletters