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!
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)
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!!!!😁
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.
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!!
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.
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.
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
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.
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.
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.
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.
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.
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
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....
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 .
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 .
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).
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.
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)
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.
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
The "user" context variable values after "logging in" is null (at 00:11:48 point). I checked everything. Don't know why it's not being passed to the Profile page. Figured it out! I My app does not have a navbar. I was appending "/profile" to the root URL and I read in a post after some research that doing it this ways refreshes the app and the context is cleared. Thank you Vishwas for your great videos.
![Lp. Сердце Вселенной #60 РОЖДЕНИЕ ЛОЛОЛОШКИ [Финал] • Майнкрафт](http://i.ytimg.com/vi/YoR0pAV9FVQ/mqdefault.jpg)
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!
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)
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!!!!😁
This Channel is a Gold Mine.. i have learnt node , next js , react from it and every course was awesome
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.
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!!
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.
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.
what a coincidence.. I was implementing protected routing in my new project🤘🤘😁
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
Great playlist bro, it's the only tutorial on UA-cam about React router that is explained in great details
Thanks!
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.
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.
Because of you i learned the react-router-dom thank you for your efforts
Thanks Viswas. Another great series in React Ecosystem. Exercises are small enough to focus more on the Router aspects. Well explained. Great Work 👏
Best teacher! Simple examples! Best Tutorials!
It was 🤯. I explored different dimensions of react router dom.
React is really powerful!!!
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.
Watched the complete course in one day...thanx buddy!☺
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.
It's very similar to this, a bit complex though but the flow is same
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.
Wow I just finished watching the 15 videos and is this really is so good
Finally a proper and right video. Thank you sir.
Thank you very much sir for wonder React Router Tutorial. The best Complete React js Tutorial UA-cam channel
Thank you for explaining so elaborately.. this will definitely help me with my interviews
finally, someone teach me about React properly
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
I was able to get something that worked using this technique with a Redux store. Thanks
What a super series of videos - helped me enormously with a routing problem I had. Thanks for posting.
hey Vishawas.. Thanks for these videos. Really appreciable work... you are best.
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....
Wow thanks so much Vishwas your content are always easy to understand and rich 🙏
Really helpful tutorial. bole to ek dam Jhakkas 😎
this video is so awesome, loved the fact that you used the context API, thank you.
Ohh Buddy... Timing completed previous videos just now... ❤❤❤❤❤
Amazing tutorial series, as always. Thank you, Vishwas
i highly recommend to watch this
thank you so much. your turorials are most easy to understand
No hate to hitesh, but your tutorials are way more great
A very important and well explained video Thanks bro
Thank you for giving such a quality content for free
Thanks Viswas, really great content!
Powerful and yet so easy to understand. Thank you a lot.
Thank you for this video! Congratulations my friend!
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 .
Excellent series. Thank you!
Thanks for these videos! That were simple and perfect!
Amazing Tutorials. All the videos are Gem. Thank You
It was an awesome playlist! Thank you!
thank you dear vishwas ...you are an awesome dude
proper and right way to understood
bro you are a very good developer
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 .
Dude i love this man accent. If i was a girl bro, i swear...
nah bro chill
The best teacher, thank you!
Great work Vishwas
Till now the best one. Plz maintain this
Thank you so much for this wonderful tutorial. It helps me a lot.
You have not disappointed me!
Great Sir Thank you. Very helpfull tutorial
Guru ji 🙏🙏🙏 awesome content 😍😍
Thank you for this lesson! liked & subscribed!
Thank you so much, very informative videos
bro, thanks! you explained it clear
Thank you so much for these valuable videos!
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).
Big big Thank you 🙏
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.
Thank you very much for this tutorial, was very helpful !
Thank you so much, that was really helpful.
Thank for this playlist! 🙌 very helpfull !
Amazing work, thanks!
thank you very much for this series
i love you bro you saved my life
Thanks Viswas!
{replace:true} is not working ?
did anyone faced this issue ?
do u have a github repo for this specific proj?
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)
Having the same issue..!!
thanks for the tutorial, you are amazing!
Thank you for this tutorial.
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.
Thank you very much! Very helpful!
How to use a useContext hooks in non react functional please explain 5:49
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
amazing tutorial man
thanks for this series
Explanation was clear and helpfull
Thanks a ton brother!!💯💯💯
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.
Thank you
Is there a repo with this code at the end of the course?
The one on gihub only the first lesson
thanks for the course dear
Why are you using navigate() in one place and component in the other ? What is the difference?
The "user" context variable values after "logging in" is null (at 00:11:48 point). I checked everything. Don't know why it's not being passed to the Profile page.
Figured it out! I My app does not have a navbar. I was appending "/profile" to the root URL and I read in a post after some research that doing it this ways refreshes the app and the context is cleared. Thank you Vishwas for your great videos.
Experiencing the same issue
I am facing the same problem, can you help me ?
@@amulagrawal1703 did you resolve the issue ?
Bahut shandar, gajab.
What is someone navigates to the login page via url in the address-bar ? Does replace in the navigation fix that usecase ?
If anyone wondering then let me tell you this is not persistent login. A refresh will log you out!
Hello Vishwas why have you not used useNavigate hook in RequireAuth.js
Thank you for there great videos.
Line 25:23: 'AuthContext' is not defined
Hey Anyone Here the children prop refers to the component we are going to wrap with the authProvider right?