How To Use React Router v6

Опубликовано: 28 Март 2026
на канале: TechCheck
1,583
32

In this tutorial, I’ll show you how to use React Router v6. I’ll show you how to assign routes, create links, and handle redirects. We’ll create nested routes and pass state along with our redirects. React Router v6 is great for building dynamic single page applications.

This is a continuation of our CRUD facebook-like app with React, Node, and MySQL. It works as a standalone tutorial for React Router v6, too.

Don’t forget to like, comment, and subscribe for more tutorials like this. And as always, thank you very much for watching!

-Andrew

Previous videos in this series:
Setting up the server and React:    • Build a CRUD App Like Facebook (React, Nod...  
Creating a database:    • How To Create A Database  
Connecting to a database:    • How To Connect MySQL To Express and React  

0:00 - Intro
1:09 - Installation and Setup
4:57 - Signup and Signin Pages
7:51 - Navigation Bar
12:24 - Creating a Page Layout
15:20 - Homepage
16:20 - Touchups
18:03 - 404 Route + Page
20:39 - Profile Page
22:03 - Redirect

❤️ Buy me a coffee/say thanks/support the channel ❤️: https://www.buymeacoffee.com/techcheck

Affiliate links to some of my gear 🤘🙏❤️
(Best quality for the best price from my research)
Maono Microphone: https://amzn.to/3Wv3ah0
Logitech Webcam: https://amzn.to/3qb0p8M
Rival Mouse: https://amzn.to/3MUtezd
Wrist Pads: https://amzn.to/421vQQ4