React Router v6 Basics Course (How To)

Learn to use React Router v6, a declarative routing solution for React, to manage the navigation and rendering of components in your applications.

What you'll learn

• BrowserRouter
• Routes
• Route
• Link
• NavLink

Getting Started with React Router

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

Chevron 8 steps

• 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.

Chevron 7 steps

• 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.

Chevron 7 steps

• 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