React Router 4 Basics

Getting Started with React Router

Learn the basics of routing and the benefits of React Router's simple, declarative approach to writing routes. 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. 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. 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