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
💻 Starter Project/Boilerplate code: github.com/Kolosafo/git-explorer-starter
💻 Git Explorer Final: github.com/Kolosafo/git-explo...
⭐️ 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
--
Learn to code for free and get a developer job: www.freecodecamp.org
Read hundreds of articles on programming: freecodecamp.org/news

[@iamtharunraj]

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

[@unluckyhozay]

this is awesome thank you!

[@olisaemekaaghabuilo8688]

Nice course. Thanks for this quality content

[@gaintakwa9057]

Waiting for this

[@kehindegilbert2699]

This is a very nice content. God bless the creator

[@mahendranath2504]

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

[@hamaadafzal2490]

Sir thanks for that video kindly make a complete react course

[@The_Developer_]

Great tutorial ❤

[@jirayuvijjakajohn295]

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

[@khalidelgazzar]

How did you finish a video that is 100+ minutes long and was just uploaded 6 minutes ago?? That would be 1000X speed viewing

[@jostasizzi818]

What the hell man?

[@smartdriver2990]

You're kidding😅

[@bullyversal5313]

Lol this is not even devops course😂

[@iamtharunraj]

Bot 😂😂😂

[@drazzo777cod7]

Thanks n word guys op brother

[@khalidelgazzar]

Adding to my to-watch list

[@igetpaidtocode]

and youll never gonna watch it like the other ones :D

[@sudo_sunil]

@@igetpaidtocode lol true

[@forellko8600]

Cool!

[@ashish2438]

Isn't the mew method is createBrowserRouter?

[@gaintakwa9057]

🎉

[@moodposts]

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

[@AbdulAziz-pm6lk]

Please make updated react appwrite course

[@kantorobo7718]

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

[@ichiroutakashima4503]

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

[@pratiksavaliya3890]

I don't think its latest release.

[@kishorekevin5372]

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

[@cocoatea57]

🎉🎉🎉🎉🎉🎉

[@MrKsvignesh]

Bring the new browser functionality in new version

[@krishmistry1422]

Cyber security course needed

[@Aman_yadav1419]

Please give us dev ops course

[@mayureshbalsaraf2696]

Sir pls bring AIML complete course

[@sohanhossain3449]

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 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)

[@dexter00076]

I think it should be "element" attribute instead of "Component"

[@sourya111]

'component' prop is from React Router 5 and has been replaced by 'element' prop in React Router 6

[@sohanhossain3449]

@@sourya111 Thanks a lot boss.

[@sohanhossain3449]

@@dexter00076 great. thanks

[@FrontierDevCode]

"exact" prop is removed

[@AkuBapakMu24]

Laravel 11

[@sleepingdog12]

John appears to be a potato ☠️

[@kishorekevin5372]

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