React Router v6 in depth guide

Welcome to a youtube channel dedicated to programming and coding related tutorials. We talk about tech, write code, discuss about cloud and devops. That’s what we do all day, all year. We roll out a lot of series and videos on our channel.
All the learning resources such as code files, documentations, articles and community discussions are available on our website:
chaicode.com/
You can find our discord link, github link etc on the above website.
Twitter/X link: x.com/hiteshdotcom
Discord link: hitesh.ai/discord
Learn React with 10 projects: • Let's learn react from...
Learn Docker: • A practical guide on D...
Learn Kubernetes: • Complete Kubernetes Co...
How does a browser works: • How does a browser wor...
How nodejs works: • How node JS works | En...
Learn Redux-toolkit: • Learn Redux Toolkit in...
Learn NextJS: • Nextjs Full stack course
Learn Typescript: • Why to learn Typescript
Learn Javascript: • Welcome to new JavaScr...
Learn React Native: • React Native Mastery: ...
Learn Zustand: • React state management...
Learn Golang: • How to get started wit...

[@HiteshChoudharydotcom]

Here is a Sandbox link to play with code. codesandbox.io/s/router-six-yxjfr Here is a link to my ReactJS course courses.learncodeonline.in/learn/Complete-ReactJS-developer-Bootcamp

[@namanjindal3089]

waiting up for the follow up video, please also talk about how to effectively pass props in outlet.

[@Parteatime1]

Hi man, thanks for a great tutorial! I am still struggling with applying CSS to my NavBar for some reason. Nothing seems to affect it at all and I've watched lots of videos and read articles on it. The links are squashed together when they render and they're purple and underlines, like they're stuck on their active class name or something? Any ideas? Thanks

[@rahulrawat7772]

2:17 Introduction and Setup 7:37 Home Component 9:20 BrowserRouter, Routes and Route 14:50 Learn Component 16:40 Navigate 19:30 Link 22:16 Nested Routing 27:34 Outlet 29:05 Route parameters 31:48 useParams 36:36 NavLink 46:30 useNavigate and useLocation 51:50 Passing state using Link Your voice and way of explaining is sweet. Reminds me of Mosh Hamedani ❤️

[@imnemo2327]

Hosh is amazing but sadly paid 🥺

[@petarkolev6928]

@@imnemo2327 Who's Hosh :D :D :D

[@imnemo2327]

@@petarkolev6928 search Programming with Hosh on youtube that guy have really amazing content and there is another guy named John smilga channel Coding Addict also do check him out

[@petarkolev6928]

@@imnemo2327 thx, mate ^_^

[@imnemo2327]

@@petarkolev6928 my please if you someone who is very pro in css and has a course then do let me know

[@sumitmehra5119]

OMG. This is exactly I've been looking for. Been stuck on a job project but the routing was a total headache. Thanks for saving my job😊😊😊

[@SammarpanDasguptaOfficial]

Thanks for version upgraded information within that video. You always makes things so much easier. Love Your Content . Want more videos on React-Router version6

[@navneetsharma947]

Amazing video man, nobody else on youtube has put this kind of content. The clarity of concepts is amazing, kudos!

[@HiteshChoudharydotcom]

Thanks 😁

[@dinhost861]

This is very good explaination for people who hate reading docs. I read the entire docs tutorial today and came here. Pretty confident with router now.

[@sm3dev]

Thanks a lot for this! It really helped me understand how the nested routes works and how to write them! Seriously, great video

[@shlomoh.6148]

Thanks to your instructions I've managed to refactor an outdated react router v5 app completely to v6 in less than an hour. Thank You Very Much!

[@mVpSlayer]

Great job explaining ! After many tutorials I finally found what I was looking for. Thank you for saving a lot of my time !

[@devanshvashishta]

I was searching a good video on React-router version 6 and I landed here. What a great video!!! I have subscribed the channel and look forward for the content on this channel... I like the way you teach... Thanks for the effort...

[@plamerify]

Its 1:13 in the night and I have been trying to understand react-router-dom from various platforms since morning and finally this tut made all things clear in my head. Thanks :)

[@robertobenedit]

same

[@KOCu122]

Hitesh you seems like a really nice guy, its a pleasure to listen to you and learning from your videos. Nice work, keep it up.

[@rulebraker1299]

I was just going to see some videos on react router 6 and in few seconds it appeared 🥰, Thank you very much Hitesh sir Gonna enjoy that

[@WolfManThoughts]

Great Tutorial Man! Found it really helpful! Keep it Coming👍🏼

[@vineethpeddi2056]

One of the best tutorials I have seen so far🔥🔥

[@saeidghorbani4388]

thanks Hitesh. this video is grate and covers all important things about react-router V6.

[@abdullahtilal8527]

the only in-depth video on react router v6...Thanks

[@AbhishekKumar-td5zu]

Thank you so much sir, this helped me a lot. I was stuck like anything in my project because of routing. Really very thank you

[@mohsinsayed_]

Thanks Bro!!! You explained everything in a really excellent manner. Excellent Tutorial. Thanks Again!

[@jaikrishna3586]

thanks a lot brother for making this video. I couldn't find better clarification like this

[@kovendanragupathi7632]

Much expected video, Thank you so much Hitesh.

[@Unkown5880]

This is a really good tutorial, keep up the good work, Salute from Morocco 👏🏽👏🏽

[@jimsnelgrove8681]

Hitesh, thank you for sharing this information. It really helped.

[@IshtiaqAhmad-ug2tn]

This is really awesome Tutorial. My all confusions have cleared about react-router after watching this video. Thank you @Hitesh Choudhary

[@kalsoomasghar-gy9gi]

Amazing video. Summarized very important concepts so easily.

[@pai.sudhindra]

Wow, just now messaged you in insta, got notification of this video ❤️.. Thank you sir..🎉

[@moazamdev]

Better than other tutorials that just only cover basics. Its even better if someone explore the documentation by itself.

[@sunilkumaryadav3194]

That's really helps me to understand outlet and nesting routing. Thanks

[@VikashKumar-ec8vb]

Thanks for the video And formik tutorial is needed .and you are the only Indian tech KZbinr i watch loved your Go Series

[@umerfarooq3121]

I have enjoyed this tutorial a lot can you please make a part 2 of that to cover the rest of the features if they are left!

[@sanjeevchaurasia4819]

Hi Hitesh, Thanks for clearing React Router 6. explanation was awesome.

[@chetan9533]

Great crash course. Found it quite helpful, thanks.

[@Hrit]

Amazing content, watched the entire video with attention!

[@kalsoomasghar-gy9gi]

clear concise and better than paid courses

[@yesimhere7285]

Great tutorial. Would very much like to see an advanced version. Thank you!

[@surendrapandey4660]

Thanks hitesh for comprehensive routing guide!!

[@ganapathypt6410]

Hey @hitesh It was all there in version 5 too but now they are more refined and easy to understand

[@abodesegunezekiel6145]

This tutorial is the best I have seen on react router v6. thanks Hitest. Please do something on React-router-dom v6 authentication route, and role based authentication

[@notwrjo]

Super helpful Hitesh! thanks

[@Knochenkotzer01]

Thanks for the Video. I watched it 3 times in 3 days. Now iam a React Router Wizard 😁

[@tonygeorge7482]

thank you. needed more about v6

[@dhawalraturi1160]

Phenomenal Tutorial. Thankyou so much!

[@farazmobin2776]

Thank you very much I was looking for this

[@pavankumarreddyregadagunta]

Thank you sooo much for this amazing Tutorial. It helps me a lot ☺️

[@shreejitpal6598]

with all the deprecations and new stuff I defenitely required a complete standalone tutorial

[@Obadamoustafa]

nice and focused tutorial thanks Hitesh

[@viveksingh973]

Love your teaching style ❤️

[@codenamegrant]

Thanks Hitesh, That was great. I would be interested in watching a video covering the new v6 hooks

[@ranellabjata5170]

What a legend. Thank you Buddy. 👏👍

[@ashishsingla4697]

loving it... want some more awesome videos

[@naturevibesvlogs810]

Awesome video ever for react-router-dom v@6

[@zelalemgetahun9389]

Thank you for this great tutorial. Want more videos on React-Router version6.

[@seeyou7989]

I love it🥰 and looking for more videos on react-router v6

[@HK-sw3vi]

cheers bro, that use navigate state passing helped

[@poojanpandya8864]

Thank you, sir. Would love to see other videos on react-router-dom v6.

[@benyamin4634]

thanks man hope to watch more about this subject . 😍😍

[@srikarkotha2839]

Amazing video Nicely explained

[@abdur786_]

Thank you sir...bahut bada problem solved ho gya

[@kokodev3719]

This was probably the best video I have seen on react router v6; I am new to react and react router and I so appreciate all of the examples and the explanation. I would love to know more about react-router-dom hooks, even more examples and even a huge project code along, perhaps an e-commerce site, if you have the ability to do this. You are a gifted teacher and you are very easy to understand. That is so very appreciated, thank you so much!

[@peterlogo1193]

Thank you for saving my day 👍

[@hasanraja5778]

Waited for this video❤️.tq sir

[@amananand8466]

Again Hitesh Sir for the rescue 🔥

[@solutionstack6413]

I very much appreciate your hard work a lot. And looking forward to learning from you more. One video Suggestion: After developing a website, people always ask How secure is the website. Could you please make a video on security for the website Pleaseeee!!!

[@vigneswaranmanoharan577]

I would have certainly gone crazy if you haven't posted this video... Thank you much

[@andyklenzman3845]

Great video, super helpful :)

[@abhijain1022]

thanks for explaining this waiting for follow-up videos

[@andersonfeitosa7268]

Thanks brother. Very useful video.

[@adr1m]

Great one! Could you please also make a short demo on how to make a Modal using ReactRouter 6? Thank You!

[@hyeonshiee]

Thank you bro! your best!

[@alexwaller5603]

Great video, thanks!

[@gowthamkumar7852]

thanks for the amazing tutorial

[@AlaminHossain-hf2gv]

very helpful video for us . lot of love for you

[@AnaghaR]

Thank you very much for such a video...

[@robertobenedit]

This is pure gold.

[@muhammadrajib3722]

Great Job !!!

[@iamzareef]

Very nicely explained💯

[@jatilyadav4000]

very nice video sir....helped me a lot

[@chesnelnicolas8079]

GREAT VIDEO !! Thanks a lot

[@elbezz]

Thank you very much dude, very lucky I found your video, you've just saved my ass! BIG HUG

[@aparnaarumugam29]

Thanks for ur awesome work

[@HarshSingh-hk8fe]

that's a gold content :D respect++

[@hasanmirarabshahi1956]

thanks, good explanation of React Router6

[@mymusicloversworld]

Thank you so much!

[@sunflair-wa]

I think you are my new favorite :)

[@mohamedali2705]

Thanks Alot Brother❤

[@prathisahrudh]

Yes , thank you!:)

[@isaactakiy7758]

Great content 👌

[@harsh_nasit]

Amazing video, You should definitely make a more detailed video on react routes

[@FightTheByte_]

Thank you for the tutorial Hitesh. Could you please do a quick video explicitly stating the differences between each navigation method? NavLink is the only one that i can reason an explicit difference.

[@thivatutorials4040]

Nice lecture sir

[@atifaslam2965]

you can teach very well

[@tusharadhikari1507]

Very helpful Video for Learning v6 router in react this video safe my lot of time :)))

[@HiteshChoudharydotcom]

Happy to help

[@kamathnagendra]

Nice and consice explaination.

[@KishanFX]

you made it so simple

[@ctoxyz]

great vid

[@avinashsharma5450]

please create more on react-router v6 this looked crazy!

[@RamanRisaanva]

Thank you sir. ♥

[@donfiles4102]

well put

[@ajayantu]

Can you make a course on KZbin on react..your teaching is very good😄

[@jahidhasanjibon3982]

just say superrrrrr.thanks a lot