No video :(

React Router Tutorial - 15 - Authentication and Protected Routes

Подписаться 658 тыс.

Просмотров 145 тыс.

50% 1

📘 Courses - learn.codevolu...
💖 Support UPI - support.codevo...
💖 Support PayPal - www.paypal.me/...
💾 Github - github.com/gop...
⚡️ Checkout Taskade! www.taskade.com/
To upgrade any workspace, login and visit www.taskade.co...
Use coupon code: CodevolutionRU-vid for any workspace upgrade. Select "Add promo code" on checkout, enter the code, then hit "Apply". This will apply a 100% one year subscription discount. Enjoy and feel free to invite others to your workspace!
📱 Follow Codevolution
+ Twitter - / codevolutionweb
+ Facebook - / codevolutionweb
📫 Business - codevolution.business@gmail.com
Authentication and Protected Routes in React Router
React Router Tutorial
React Router Tutorial for Beginners

Опубликовано:

22 авг 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 189

@bassam.2023 Год назад

There are so many tutorials that I've started and never finished. However, I always complete Vishwas' tutorials. He stays on point! Tutorial Grand Master right here! Thank you!!!!😁

@chidyommy284 17 дней назад

Great playlist bro, it's the only tutorial on RU-vid about React router that is explained in great details

@kumarsaroj18 Год назад

I am happy to share that I finished this series in one whole day (of course, I did write code side by side). Although, I am still clueless on few router related things used in my project, but this is undoubtedly a good tutorial)

@masvimydeen249 Год назад

You are an awesome instructor. Breaking things simpler to understand is your real magic. Lovely tone, frequency and consistent voice delivery is also a reason, things the you explained in your video are getting easily registered. Keep rocking in this space.

@deiwman4604 6 месяцев назад

You made this whole section so simple to understand and to follow. I bought a course on udemy and the teaching way of the teacher it's not even close to yours. Thank you a lot!

@dhruv.pandey93 2 года назад

The most informative series on React Router Dom and that too latest version v6. Covers minor but important details like useLocation, and useSearchParams. Great playlist as expected!!

@rishabhsharma6084 2 года назад

what a coincidence.. I was implementing protected routing in my new project🤘🤘😁

@bijaysahoo9619 4 месяца назад

Couldn't ask for a better tutorial. You are a GEM. Each aspect is crisp and clear. Even a paid course is no match for this. Thank you very much. Looking forward to each of the tutorial series.

@BruceWayne-kw6xm 7 месяцев назад

This Channel is a Gold Mine.. i have learnt node , next js , react from it and every course was awesome

@thucle4122 Год назад

Thank you Sir Vishwas, i coded along with you and found it really easy to grasp the basic concepts of React Router V6 whose documentation is not quite understandable. Wish you health and prosperity.

@isaacjon 2 года назад

didnt understand a lot, but anyways so far i learned so much with your help, just commented this because i wanted you not to stop anytime from this kind of tutorials, but i would like to see tutorial about tutorial hell from you

@mehdihosseinpour3351 2 года назад

Great. It is the best video I've ever seen for protected route. I think you can improve it with adding multi role authorization as well as JWT authentication to it.

@learnkidsonline9732 2 года назад

Best teacher! Simple examples! Best Tutorials!

@googlemani Год назад

Thanks Viswas. Another great series in React Ecosystem. Exercises are small enough to focus more on the Router aspects. Well explained. Great Work 👏

@nargeshaeri7028 Год назад

Thank you so much for explaining everything so clearly and in details. I really do not know how to express my gratitude. I have watched a lot of your tutorials and I found them really helpful. I wish you the best.

@saurabrakshit405 2 года назад

Yes you have not disappointed any one ! Very well structured tutorial for React Router Library. But I want to mention I would be pleased if you have taught the Authenticated Routing with Username & Password Authentication.

@paritosh3702 2 года назад

It's very similar to this, a bit complex though but the flow is same

@VivekThakur-sf9pr 2 года назад

For demo purpose we can set the user and password and during login we can check with if condition that whether its correct or not, if its correct match than proceed to navigate where u can.

@lakshaysingh1866 2 года назад

Watched the complete course in one day...thanx buddy!☺

@akashvenu359 7 месяцев назад

Thank you for explaining so elaborately.. this will definitely help me with my interviews

@vickymanora985 Год назад

i highly recommend to watch this

@kaempy Год назад

Wow thanks so much Vishwas your content are always easy to understand and rich 🙏

@alokranjan476 Год назад

Thanks a lot for whole series. You explained it really well in easy to understand language with appropriate example. Request to post such series in future.

@squeezy99 Год назад

What a super series of videos - helped me enormously with a routing problem I had. Thanks for posting.

@es7729 4 месяца назад

It was an awesome playlist! Thank you!

@alexuqt Год назад

Wow I just finished watching the 15 videos and is this really is so good

@mrnabby4178 Год назад

Finally a proper and right video. Thank you sir.

@ashutoshranjan4644 Год назад

It was 🤯. I explored different dimensions of react router dom. React is really powerful!!!

@deniserodriguez3233 Год назад

So from my understanding, navigate() should only be called inside a trigger action or inside a useEffect. Otherwise you get an error on the console telling you that you need to call navigate() inside React.useEffect(). However, I didn’t get this error when I used . So I guess that is the only difference between using navigate(‘/login’); over .

@Noone-lh5rv Год назад

finally, someone teach me about React properly

@incognito_2512 Год назад

thank you so much. your turorials are most easy to understand

@musiclovers8488 2 года назад

hey Vishawas.. Thanks for these videos. Really appreciable work... you are best.

@wisdomelue 2 года назад

this video is so awesome, loved the fact that you used the context API, thank you.

@Raul-si7bn 2 года назад

this series is just a (huge) hidden gem. No others series I've seen are this through, and with very good examples. That about React Router V6, but also, the style in general , the easy approach...i've seen many tutorials, since I am always looking for good and updated examples, and I can safely say, this is one of the best I've come across .. Keep up the good work! Implement Context , explain Redux (with toolkit maybe), firebase, firestore ...then MERN ..waiting for all of those! :D

@jacobwwarner Год назад

I was able to get something that worked using this technique with a Redux store. Thanks

@vino7tech 11 месяцев назад

Thank you very much sir for wonder React Router Tutorial. The best Complete React js Tutorial RU-vid channel

@eniolabakare5100 Год назад

Amazing tutorial series, as always. Thank you, Vishwas

@ravikantchauhan2106 Год назад

Really helpful tutorial. bole to ek dam Jhakkas 😎

@muhammadzeeshan07 27 дней назад

A very important and well explained video Thanks bro

@user-tf1sy2lc9t 8 месяцев назад

proper and right way to understood

@wilwazka2957 Год назад

Powerful and yet so easy to understand. Thank you a lot.

@aakashyadav6228 8 месяцев назад

No hate to hitesh, but your tutorials are way more great

@arunkb6452 2 года назад

Ohh Buddy... Timing completed previous videos just now... ❤❤❤❤❤

@lvhz 8 месяцев назад

Excellent series. Thank you!

@macdonaldmanana1358 22 дня назад

Amazing work, thanks!

@vigneshwarvenugopal922 11 месяцев назад

Thank you so much for your effort sir....i really gained more knowledge on and about ReactJs and now i can fearless develop the project on it....Once again ....Thank you So Much....

@kwwong1834 Год назад

Thanks Viswas, really great content!

@frontend_ko 2 года назад

The best teacher, thank you!

@dyg6945 Год назад

Thanks for these videos! That were simple and perfect!

@emrealtugkirman5083 Год назад

Dude i love this man accent. If i was a girl bro, i swear...

@i-ahmed3495 Год назад

nah bro chill

@dandantin 11 месяцев назад

Thank you for this video! Congratulations my friend!

@javeedakhter324 2 года назад

Hi Vishwas,you videos are awesome you are doing a great job we also want your tutorials on webpack,gulp and other similar tools which help to avoid repetitive task in development and production. Thank you .

@shineLouisShine Год назад

Awesome. Thanks a lot. 13:!3 - It's a shame that you aren't really explaining why this time you choose the Navigate component Instead of the useNavigate hook like you did in all the other places in the code. Or - why did you prefer to use the hook in all the other places and not the component. You had some really good opportunities to explain... It leaves me wondering... when should we use which.

@revo572 2 года назад

Thank you for giving such a quality content for free

@FrankieMendoza Год назад

Thank you for this tutorial.

@dhokiarinidh9809 11 месяцев назад

Thank you so much, very informative videos

@jasono873 8 месяцев назад

Big big Thank you 🙏

@krishnareddyyerram4615 Год назад

Thanks Viswas!

@rajasankar1390 Год назад

Amazing Tutorials. All the videos are Gem. Thank You

@gopalakrishnanshanmugam7236 Год назад

Great Sir Thank you. Very helpfull tutorial

@amiiko232 5 месяцев назад

i love you bro you saved my life

@hemonterroddur6948 Год назад

Thank you so much for this wonderful tutorial. It helps me a lot.

@ProgramingWithSaman 2 года назад

thank you dear vishwas ...you are an awesome dude

@rajadastidar3765 Год назад

bro you are a very good developer

@jaybeatz8084 11 месяцев назад

bro, thanks! you explained it clear

@kashifumar4552 2 года назад

Till now the best one. Plz maintain this

@cocoon1538 Год назад

I don't know if this is handled in a later tutorial, but the auth logic provided in this tutorial is not 100% secure by itself as anyone can modify "user" state in their browser to access protected routes. I understand that it is React (front-end) tutorial, but just a heads up that you might want to add an extra layer of security if using this in production.

@Raul-si7bn 2 года назад

Thanks!

@eleah2665 2 года назад

You have not disappointed me!

@reginaldamedee7433 2 года назад

Thank you for this lesson! liked & subscribed!

@shaantalk 2 года назад

Great work Vishwas

@geek_24 13 дней назад

If anyone wondering then let me tell you this is not persistent login. A refresh will log you out!

@benarcher372 2 года назад

Thank you so much for these valuable videos!

@youssef-attai Год назад

Thank you so much, that was really helpful.

@rahulnag9582 Год назад

{replace:true} is not working ? did anyone faced this issue ?

@danielnicholas1747 2 года назад

thank you very much for this series

@rachidb9624 2 года назад

Thank you very much for this tutorial, was very helpful !

@fpsstupor 2 года назад

thanks for this series

@winterwowl Год назад

thank you

@alik64 2 года назад

Thank for this playlist! 🙌 very helpfull !

@rayusaki88 2 года назад

Thank you very much! Very helpful!

@srirammj1083 Год назад

Hi sir, On reloading the protected route page ( let's say profile) the browser redirecting to login page with setting user as null (checked user state in browser -> inspect -> components -> authProvider -> state) but I want to stay in profile page even after reloading. If i use localStorage/cookie and setUser initially on useState, then anyone can set local storage/cookie user value and can have access to profile page. Please help me how to have completely protected route with stay on profile page even after click on refresh/reloading page🙏🏻. (Thank you for your excellent teaching)

@thanushkanth2257 Год назад

Having the same issue..!!

@Mohamed_Yousef2024 Год назад

Thanks alot

@_roob 2 года назад

thanks for the tutorial, you are amazing!

@S4sent 2 года назад

Guru ji 🙏🙏🙏 awesome content 😍😍

@pankajsuryavanshi8332 Год назад

Let say we have params route like /product/:id how to protect this if product id is not present it will return empty structure.we have to throw error in this case

@jerickgeronimo282 Год назад

do u have a github repo for this specific proj?

@benyamin4634 2 года назад

thanks for the course dear

@iamkashyapkumar Год назад

Thanks man!

@binyaminregev7344 6 месяцев назад

The last test in React Router Tutorial - 15 - Authentication and Protected Routes time 17:20 doesn't work for me. Using React 18.2.0 ; react-dom 18.2.0 ; react-router 6.22.0 It's the second series of videos from you I am doing, they are simple, easy to follow and code side by side I learn. This is why I raise this so if I am doind something worng or you need to update something in the video (as of February 15th, 2024 it's marked from 2 years ago).

@MrNoeLeiva Год назад

amazing tutorial man

@datkumar1024 2 года назад

Thanks a ton brother!!💯💯💯

@camilleivantoloum-doumde1867 Год назад

just amazing thanks a lot

@ajayraja6636 2 года назад

I found what is your Next React Playlist 😁😁? I really want React ***** tutorial series. I thought You won't do that before knowing Your next playlist.

@aabramek Год назад

well done, thanks

@misba-ul-huda Год назад

thanks buddy. nice way

@nageshgandikota2948 2 года назад

Explanation was clear and helpfull

@nishantnimish7825 Год назад

Thank you

@mehdadhussain9744 2 года назад

Could you please make a video with multi role authorization , like - normal user, admin user and also with JWT token or Oauth-2 ? And thank you for great tutorials