How to create Protected Routes and Authentication with React Router V6 2023

heyy kodie how about make a simple tutorial that is in ts not js and handle auth via jwt cookie not token to be more secure then use R.R.D v6 to protect the routes

Thank You so much!!!

yo bro

thank u sooo much, i every day look yt, and try to learn something new, and u speak very easy for me! (sorry for my eng)
gl bro at ur way!

Great content, thx!

I enjoyed the video and your accent, as well as learned from you

Excellent content!!!!! Thank you very much 🤓 I would love to see another tutorial with your implementation of local storage.

Great content. Please release a video about refresh and access tokens

I suggest that you make code along tutorials, with more catchy thumbnails. Your content is great, you will grow fast.

your content is amazing seriously. i learned so much from this single video of yours,

Cool video! Simple and well explained! It would be very helpful to see an implementation with local storage as well as role-based authorization. Regardless, thanks for the awesome content!

This only dynamicly shows the menu items. If a user is not logged in it still can go to the private route by typing it in. There is no redirect.

How do we add google auth to this?

Thank you! The map part is genius

thank you

rooutah

Thanks for the helpful tutorial!!!

why on refresh it does not hold the private links? It resets and I have to click on "login" again so they pop up

Amazing video! I love how there are people like you that go straight to the point and explain in plain English. Thanks a lot for the video! PS: Better teaching methods than my university (will definitely suggest to my friends)!

Nice, simple, to the point.

Thanks!

Good luck with your channel. Liked your content

how to add role user sir

thanks you for this tut

Hi @kodie,

Great content here. However, I'd prefer to show the login page if a user tries to access a private page

Good work!

It's amazing! thank you very much!

Great and concise 👍

This video is just pure gold! Straightforward, concise, without any useless information. Amazing!

i love it great knowledge been passed here, thanks a lot

You deserved more subscribers. You are a good example on what the developers should follow. I haven't followed yours but I created something that is similar and in tsx.

yes pls do that user key and session expire thingi we do want it

can you make a new video on how not to make user logout whenever the page refresh?

How can I Implement roles of users?

can you help me to do same thing in next.js,
i have to do with user role based , their tho 2 user role , so how to do in next.js with typescript?

Please I need a tutorial on how to use localstorage with this

Really nice video, Thankyou.

Why are the extension files `.js` instead of `.jsx`?

Nice ❤

straight and easy to understand thanks for the video.

Gold Gold Goldberg !! Happy to find this channel !!

This is a super useful video!!!, went through it, understood how everything is done, great video!!!

This video was exactly what I needed!! I've been confused with authentication and the bunch of different ways to do it and a video that cuts all the extra stuff and shows you the basics of how it works was perfect. Thanks so much, hope you make more videos was sad to see this was your latest on in a year.

Isn't this method easy to bypass? User can easily change ahte isAuthenticated state or isPrivate consts. Is it okay to protect client routes like this and just protect private data on the backend?

Is it possible to work things this way using createBrowserRouter. Interested to understand this more, and see if I can use child routes with this kind of setup.

Thank you

sir you should create this in full playlist format that we can get more clearity for beginners its bit hard to understand everything, you should also connect it with backend that what routes are set in backend etc.