[VIP] UI Dev: React Router

We’ll get you off to the races building complex apps with React Router.

Oct 27, 2022 - 11:10
Nov 18, 2023 - 01:31
 0  90
[VIP] UI Dev: React Router
https://i.ibb.co/71m0d4z/react-router.webp

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. Start Learning Today

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.

What's Your Reaction?

like

dislike

love

funny

angry

sad

wow