The New Way To Create Protected Routes With React Router V6

Updated version of how to create protected routes in react router v6.
Check out the article that goes with this: / 2c4bbaf7bc1c
Source code: github.com/divanov11/React-ro...
Follow me on twitter: / dennisivy11

[@DennisIvy]

New video implements this same strategy but with a full backend that handles Sign-in, Logout, and registration here: kzbin.info/www/bejne/pnixqaJ_pLGnlbs

[@joaoarthurbandeira]

Hey Dennis! First of all, thanks a lot for all the great stuff! Could u do an up-to-date video using React + DRF and how to implement the authentication/register/login with JWT? Maybe a project? Cheers, man!

[@ambrosearuwa9458]

God bless you @Dennis Ivy I was following your JWT tutorial and got frustrated when you got to the private route part and I spent the entire day on stackoverflow browsing for solutions but found nothing🤣🤣🤣 until I came back to KZbin and searched for "private route" and this video was one of the first that popped up. Thanks

[@edwinowino4018]

This is a life saver, I was also following the JWT tutorial and I have been stuck on private routes the whole day until i found this.

[@southofsleep]

Invaluable and straightforward. Like many, I had some older V5 router code that was passing all the components for auth testing into a helper function like this and just couldn't get my head around. Thanks Dennis! :)

[@sasidharn323]

Very valuable information explained in a short video, thank you so much Dennis.

[@efeamioku3220]

Implemented this for login using Local Storage and it works like magic. Thanks so much, You are my React Protected Route Hero.

[@appuser]

Thank you, this was doing my head in. If anyone working on the React Router project sees this, please provide a couple more examples in the docos (could even link to this video if still best practice). There's also scant examples of the redirect _function_ which you can return/throw from loaders, which I suspect replaces or compliments the workflow in this video.

[@semico-l-on]

Thankyou Dennis. I've been stuck for 3 days implementing protected routes. Watched many videos but it was all complicated. But yours got me through!

[@pranjulkushwaha8345]

Same with me

[@shabalins]

Great video on this topic! Relevant, clear and helpful. Thanks a lot!

[@swapnilcodes]

One of the best videos on Protected Routes in React Ever ! Loved it !

[@anubhavgupta7155]

Thank You!! I wasn't upgrading my React version because there was not yet a tutorial about React router v6 😂. Now I can happily work on projects with the new version

[@ivancastillo161]

Thank you so much! Videos with the old outdated router versions are a dime-a-dozen. Couldn't find many other videos that actually explain the new method ^_^

[@petarkolev6928]

Thanks for the awesome video, Dennis! It was really a time saver

[@learningnoobi2156]

This is really my favourite feature of the new version . I am using this everytime

[@jhonesjhonatas5524]

Very good! good teaching, and the fact that I had the github repository helped me a lot, in a few minutes I was able to implement it in my application! Thanks for the content.

[@farnazzinnah8541]

Thanks man!! Imma subscribe you. I have been trying to fix this issue for last 3 days and I finally did it with your help. Really appreciate it! Keep up the good work and keep on helping programmers out

[@Ali-Iybar]

Thank you for this short and focused video.

[@borgestheborg]

This video couldn't have come at a better time for me!

[@benjaminkhoury304]

Thanks a lot was looking around for a couple of hours on how to do this, solved the problem I had with this video and a bit of tinkering!

[@toppmoviehighlights]

Great, video. Direct , incisive and practical.

[@mullaarbazzz]

You are life saver man. so on to the point and short and simple video. hatsss off to you

[@user-py2vo1gz4t]

thanks for sharing. Just a couple suggestions, you may also want to include dynamic routes(such as id's), and GuestRoutes to redirect the user to home if they are already logged in. But good tutorial with outlet. We used it where I worked at to stack routes and it worked great :)

[@smarq86]

Thank you! Great explanation. Was helpful in my React app!

[@Crossalter]

Finally a video make sense! Thanks man, its help me so much to continue lerning about this.

[@teksaiyanhere]

Thanks a lot man you made my day, i got stuck with this issue for a whole day and this video just fixed it, Thanks a lot mate :)

[@ahsanahsan1087]

Thank you for taking up this we want more videos like this really good bro

[@GMCorner]

I was looking for this for so long. Thank you for the video

[@haseebalam9174]

This video helped me a lot as I was building a MERN Stack application

[@bingewatcher144]

This is the only yt video in which the Outlet is perfectly explained❤❤

[@OscrGarcia]

Thank you so much for explaining this, I was finally able to make it work!

[@Lotpite]

Really thank you for this information, really simple and useful explanataion!!!

[@chiho8119]

I was looking for a simple but reliable solution, but this is good to go. Maybe I want to use something like a map function which loops through the object of routes with the responding path names and so on. But need to figure out how, but this solution helps me a lot.

[@PaulAilincai]

This video helped me fix my UX and consequently improve security on my product

[@Smarteez83]

So much time saved with this video ! Per-fect !

[@muhammad_abir]

thanks a lot dennis..... I was very confused until watch this video

[@HimanshuSharma-pz9gv]

hey dennis you just saved my big project , Kudos : )

[@akomaningemmanuelsunday8424]

Sir Dennis, all I can say is God richly bless you, sir Thank you

[@harshasrisameera8164]

Life saver, It worked without a blink thank you so much

[@unyuzimfuraishimwejoykevin4812]

Quick video, Self-Explanatory, Made me hit the Subscribe button 😁😁

[@fortniteplaystation9050]

Really looking for a video like this , thanks a lot

[@ignaciofreitas8183]

Bro you rock! Thank you so much for avoiding me some headaches :)

[@jaguilar718]

Very straightforward, thank you!!!

[@martincho111986]

thank you very much!! this was very useful, you explanation was very great and understandable!!, comparin with others videos, so thanks again

[@hypermeero4782]

man, you saved me. THANK YOU!

[@natcoziay]

Thank you SOOOOOOOOOO Much! This was a life saver! Wish I could give you a hundred more likes.

[@entertechinc]

Great video Dennis. Thank you

[@TheOnkard]

Loving React content from you sire 👑

[@rohit87k]

Thank you so much - you saved mine lots of time ✅

[@Txushin]

Awesome video, really clear, thanks!

[@FGA-47]

Thanks Dennis that was really helpful.

[@Septumsempra8818]

You just saved me from hours of banging my head on the desk and questioning the futility of my dreams.

[@sushantabhowmick1031]

Love you man , Osm explanation with your documentation

[@tayyabhaseeb8866]

Amazing video invaluable and straightforward ❤

[@truecallerbackup8392]

Thanks for informative video I'm understood everything is about auth thanks

[@hilkiahlavinier]

Thanks much!! Just what I was looking for

[@FilipeFernandes-ic3os]

Perfect! Thanks a lot for the explanation!

[@mikhailsmirnov8539]

That's great, thanks a lot! This was a life saver really!

[@yannickdurden]

Straightforward, thanks for the video 👌

[@olalekanemmanuel6767]

This is a lifesaver, I can't wrap my head around the new version, too many changes. I'll just stick to this for now

[@ValeryTeramin]

Thank you, it is exactly what I was looking for

[@harekrishna4584]

i dont why this channel is so underated omgggg!!! this guy is awesome

[@DennisIvy]

☺️

[@alex_law_codes]

Thanks this was a really clean video!

[@devlifeaz]

So good for me. Thank you man! You are really hero :)

[@KKYT-fc3bu]

Thank you so much. without any doubt i fully understand it and it did really work.

[@mubashir2859]

Thanks for quick help

[@ElrondMcBong86]

Awesome! quick and clear! :-)

[@speedofbytes]

Very cool man, interesting, used this logic in a app of mine

[@HarishGGU]

very helpful video. thanks so much.

[@XXlikeabauss]

Really good video, thanks Dennis

[@juanchoprogramacion]

Thank you, great work!

[@sarfaraz6582]

Woow this is good i was actually rendering every component based on user authentication which is pretty inconvenient way

[@sirjschool7926]

This helped me out a lot!!

[@fellypsantos_]

Thanks friend! Helped a lot !! :D

[@LAITO1222]

thank you! now i know how to create a private route.

[@mathewsaraujo2293]

Thanks, this video helped me a lot!

[@crissatrapi3933]

Thanks!!! this was a very good explanation for beginners like me ☺. However I couldn't manage to do the opposite (block the login and signup page when logged in). I'm going to read more info about it

[@aliahmedkhan9690]

Great video. Btw if you're having You cannot render a inside another . You should never have more than one in your app. error. Just remove the around the and change it to .... This worked for me.

[@TheJenasandeep]

Great Explanation!

[@matheuscarvalho87]

You saved my life!! Thanks a lot!!!

[@IzharJumadi]

awesome video, thanks for sharing!

[@ayushgogna9732]

thanks glad someone has a answer

[@aruns6214]

Most underrated channel😢😢😢

[@JumaInTech]

exactly what I need ed mahn. Thanks a lot😀

[@xtremewolve]

Wow, awesome explaination

[@programmingwithnit5308]

Thank you brother

[@saulbenavides4037]

Thanks for sharing!

[@aripovjr]

Thank you Dennis

[@_MoshikoAz_]

thank you for the video, i have a question tho, how would you recommend to store the token, to maximize the security in the app ? assuming i already have a backend to handle the token for me

[@Aliena92]

Thank you so much! Will you please make a video about website architecture/MVC?

[@atalkrishna]

This is awesome. neat and simple. Subscribing right away....👏👏👏

[@bryang3044]

Very, very, nice video. Thank you.

[@hasanmahmood2001]

Very well explained!!!

[@farhadmirzaei8960]

Great Video , Thanks man

[@Kv2.6]

Thank you brother!!!

[@masudranahimu3783]

really good and informative video

[@billy_azzztec]

Thank you so much!

[@rafaelceballos8433]

That looks simple and easy. As a beginner, I am looking at everything. Can you do this with an actual login page example? I mean logging in as a user?

[@voducthang16]

Nice video!!! Thank you

[@hajamohiyadeen4741]

Thanks, it's very helpful

[@alexeyshaykov]

Thanks a lot. U save my day!

[@d0gl0gic80]

This is fantastic thank you