React Router v6 Basics Course (How To)

Getting Started with React Router

Learn the basics of routing and the benefits of React Router's simple, declarative approach to writing routes.

• Expand Your React Skills

  1:51

• What Is Routing?

  2:27

• Routing Review

  5 questions

• Introducing the Project

  5:30

• Installing React Router and Declaring Routes

  8:53

• React Router and React DevTools

  3:24

• Getting Started with React Router Recap

  1:02

• Declaring Routes Review

  6 questions

Navigating, Nesting and Redirecting Routes

Learn core features of React Router that let you navigate between routes, render nested routes, even redirect routes and more.

• Stage 2 Course Directory Walk-through

  1:25

• Navigating between Routes

  2:31

• Styling Active Links

  4:34

• Descendant and Nested Routing

  9:37

• Redirecting a Route

  5:11

• Navigating, Nesting and Redirecting Routes Recap

  2:10

• Navigating and Nesting Routes Review

  6 questions

Going Further with Routing

There's more to explore in React Router! In this stage, you'll create '404' routes, pass parameters and data to routes, and change routes programmatically.

• Stage 3 Course Directory Walk-through

  1:39

• Displaying 404 Error Routes

  4:51

• Passing Data to Components via Routes

  4:30

• Using URL Parameters

  8:27

• Navigating Routes Programmatically

  7:32

• Going Further with Routing Recap

  2:09

• Going Further with Routing Review

  5 questions