Learn React Router v6 – Full Course

Learn how to use React Router. You'll learn about setting up a basic routes, protecting authenticated routes, custom route transitions and more.

Course created by @CounterSyntax

⭐️ Contents ⭐️
⌨️ (0:00:00) Course Overview
⌨️ (0:02:23) Introduction To React Router
⌨️ (0:05:08) Project Overview
⌨️ (0:07:01) Project Setup
⌨️ (0:09:23) Installing React Router
⌨️ (0:10:33) Setting up React Router
⌨️ (0:14:11) Introduction to Routing
⌨️ (0:20:37) Boilerplate code
⌨️ (0:21:23) Adding a new Route
⌨️ (0:22:12) How to Navigate between Pages
⌨️ (0:25:01) Nested Routes
⌨️ (0:31:37) Creating a custom "Not Found" page
⌨️ (0:35:30) Dynamic Routing
⌨️ (0:43:34) Programmatic Navigation
⌨️ (0:53:27) Route Guarding
⌨️ (1:02:45) Navbar Adjustment
⌨️ (1:06:07) Navigation Transition Animation
⌨️ (1:16:54) Lazy Loading
⌨️ (1:24:34) Advanced Route Config
⌨️ (1:37:09) The Final Project
⌨️ (1:38:09) The END!

🎉 Thanks to our Champion and Sponsor supporters:
👾 davthecoder
👾 jedi-or-sith
👾 南宮千影
👾 Agustín Kussrow
👾 Nattira Maneerat
👾 Heather Wcislo
👾 Serhiy Kalinets
👾 Justin Hual
👾 Otis Morgan
👾 Oscar Rahnama

--

[syedismail]

This is NOT the latest version!!
v6.4 is the latest which replaces BrowserRouter, Routes etc.
Please like this comment so others can also know

[iamtharunraj]

Omg I was looking for a course on React Router. Thank you!!

[DaMayorProduction]

You guys are awesome, I have been looking for a comprehensive video on routing. Much love

[ashish]

Isn't the mew method is createBrowserRouter?

[JirayuVijjakajohn]

Just finished the video. Good work👍👍. Please more DevOps course😘

[hamaadafzal]

Sir thanks for that video kindly make a complete react course

[kehindegilbert]

This is a very nice content. God bless the creator

[C_Showdown]

Well explained, keep doing good, you will be blessed

[nakayuni]

Bob ziroll already made a more comprehensive course about react Router V6, the best thing you'd have done is create one on how to use react Router v6 and Redux/toolkit and RTK Query. but good job anyway

[MrKsvignesh]

Bring the new browser functionality in new version

[thatprasadguy]

Its been about 2 months i started learning React. Is this tutorial suitable for beginners like me? Anyone?

[kantorobo]

I built a page for a client and he was screaming for more pages well here you go :) thank you

[olisaemekaaghabuilo]

Nice course. Thanks for this quality content

[AbdulAziz-pmlk]

Please make updated react appwrite course

[ichiroutakashima]

This doesn't look like v6, correct me if I'm wrong though...

[mahendranath]

Wow nice thanks for sharing the knowledge, awesome content 🫡🙏🤲👍👌

[kishorekevin]

The features used in this course are not from react router dom version 6, these are the features which are belonged to version 5, isn't it

[akanmuoluwaseyi]

thank you bro...
please, the link to the git rep

[sohanhossain]

getting this error on the latest routing dom, I am using vite, react + ts please help

"dependencies": {
"react": "^18.2.0",
"react-dom": "^18.2.0",
"react-router-dom": "^6.22.3"
},

here
<Route exact path="/" Component={Home} />
there is a red line under exact
Type '{ exact: true; path: string; Component: () => Element; }' is not assignable to type 'IntrinsicAttributes & RouteProps'.
Property 'exact' does not exist on type 'IntrinsicAttributes & RouteProps'.ts(2322)

[zaidwani]

"John appears to be a potato"🤣🤣