AI Workshop: learn to build apps with AI →
Routing
Client-side routing with React Router.

Join the AI Workshop and learn to build real-world apps with AI. A hands-on, practical program to level up your skills.


Single-page applications need client-side routing to navigate between views without full page reloads. React Router is the standard solution for routing in React apps.

In this section you’ll learn how to set up React Router, create routes, handle navigation, and pass data between routes.

Lessons in this unit:

0: ▶︎ Introduction
1: Introduction to React Router
2: React Router, how to get data from a dynamic route
3: How to pass props to a child component via React Router
4: The Reach Router Tutorial
5: React Router, why useLocation and useHistory might return undefined