React Router 4 Basics Course

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

What you'll learn

• Declaring routes
• Navigating between routes
• Nesting routes
• URL parameters
• 404 error routes
• Changing routes programmatically

Getting Started with React Router

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

Chevron 7 steps

• Expand Your React Skills

  1:25

• What is Routing?

  1:46

• Introducing the Project

  4:07

• Routing Review

  5 questions

• Installing React Router and Declaring Routes

  7:36

• Inline Rendering with <Route>

  5:15

• 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

• Navigating Between Routes

  3:17

• Styling Active Links

  3:24

• Routing Challenge

  1:18

• Routing Challenge – Solution

  3:56

• Redirecting a Route

  3:42

• Using the Match Object

  3:33

• Navigating and Nesting Routes Review

  5 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 5 steps

• Displaying 404 Error Routes using Switch

  3:09

• Passing Data to Components Via Routes

  4:10

• Using URL Parameters

  7:08

• Navigating Routes Programmatically

  7:01

• Going Further with Routing Review

  5 questions