React Router
We’ll get you off to the races building complex apps with React Router.
“You won’t find a better React Router Course. I promise. You learn React Router and also get SSR with this. How great is that!”
“I’ve seen good courses and I’ve seen bad courses. This is a great course. Tyler approach works great. I know that with 20 minutes I can get through an into video to learn a concept.”
“Was amazing, long but so detailed, hes answer all the deep questions i had about React Router. thanks Tyler”
“I like how Tyler strips the code into pieces, explains the basics first and then shows you how it works. Nice work mate”
“High-quality course at a fair price. Difficult topics made easily understandable. Thanks a lot Tyler!”
You’ll be in great company with other developers we’ve trained
Want to skip
the docs?
There’s an easier way to master React Router.
Our linear course is like having a smart, experienced friend sit down next to you, walk you through each concept, and apply what you learn. It’s our secret sauce.
- 01
Fundamentals
In this section you’ll learn the fundamentals of React Router including how to create routes and how navigate users between those routes.
- 02
URL Parameters
In this section, you’ll break down the ‘URL Parameters’ example on the React Router documentation to learn how you to leverage URL parameters.
- 03
Query Strings
In this section we’ll break down how to implement and parse query strings with React Router.
- 04
Customizing Link
Because React Router is just components, composing your own custom Link component is pretty straightforward. In this section we’ll do just that.
- 05
Nested Routes
In this section you’ll learn how to utilize nested routes with React Router.
- 06
Programmatically Navigating
The goal of this section is to break down the correct approaches to programmatically navigating with React Router.
- 07
Protected Routes
In this section, you’ll learn how to create authenticated routes (routes that only certain users can access based on their authentication status) using React Router.
- 08
Code Splitting
In this section we’ll take a look at not only what code splitting is and how to do it, but also how to implement it with React Router.
- 09
Route Config
If you need it, you can still have a central route config with React Router. In this section you’ll learn how.
- 10
Animated Transitions
In this section you’ll learn to how to add animated transitions to an app using React Router.
- 11
Protected Routes
In this section, you’ll learn how to create authenticated routes (routes that only certain users can access based on their authentication status) using React Router.
- 12
404 Pages
In this section you’ll learn how to implement catch all routes for handling 404 pages in a React app with React Router.
- 13
Passing Props to Link
In this section you’ll learn how ot pass props to React Router’s Link component.
- 14
Sidebars
When building an app with React Router, often you’ll want to implement a sidebar or breadcrumb navbar. In this section you’ll learn how.
- 15
Preventing Transitions
Many times when building an app with React Router, you want to warn the user before they navigate away from a specific route.
Make it click
Everything you need to know to master React Router
Developers love our content (and we think you will too).
Get that money.
React Router is used by many of the biggest companies in the world.
- Learn the ins and outs of client-side routing
- Get hands on practical experience using React Router
- Level up your skills to get that raise