React Router V6 Tutorial - Routes, Redirecting, UseNavigate, UseParams...
ฝัง
- เผยแพร่เมื่อ 22 พ.ย. 2021
- Hey everyone, in this video I teach you all the new version of React Router Dom. I have an old video teaching this topic, but with the update a lot has changed.
🌟 Get 20% Off Brilliant: brilliant.sjv.io/PedroTech
Code: github.com/machadop1407/react...
🚀 Learn ReactJS By Building 6 Projects: codedamn.com/learn/reactjs-pr...
► Buy Crypto on Coinbase: coinbase-consumer.sjv.io/PedroTech
💻 Join our Discord: / discord
Social
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
Website: machadopedro.com
Linkedin: / machadop1407
Instagram: / _pedro.machado_
Github: github.com/machadop1407
Email: machadop1407@gmail.com
Tags:
- ReactJS Tutorial
- ReactJS and MySQL
- NodeJS Tutorial
- API Tutorial
#reactjs #reactrouter - วิทยาศาสตร์และเทคโนโลยี
You have no idea how much of a difference this video made to my life today. Thank you so much - such a clear, easy to follow video. So grateful!
This is a way better tutorial than the actual React documentation, great job.
documentation is just like manual
Nobody reads it
@@ultimatesheep kkkk
Aggree😂
@@caracalmanhique9260 br?
This tutorial is exactly what I'm looking for. And your explanation is very clear. It's a helpful tutorial. Thanks, Pedro!
This is a timely intervention. God bless you, Pedro!
Hahaha i was waiting for so long for the React Router update to make this video
Thank you!! I had been searching for days on how to use the useNavigate bit. I am new to react and most other tutorials just rush through telling you what to type but don't explain why you type it. I learned more from the first half of your tutorial than i have from all other tutorials combined.
Dude! This is just the explanation I needed.
Most videos we see are for people coming from v5 to v6, but you got me covered, even me not knowing much, even from v5!
Thanks a lot, mano!
You make it so easy to follow along and grasp the concepts. Thanks so much for taking the time to do this!
Short and really helpful. Anyway when you said you can use any of and that's true, but I think it's important to mention that and are different. Because the component makes possible SPA(single page application) and is the old way of doing request. And that's kinda big deal.
Thank God I found your video. I'm a recent bootcamp graduate and was going nuts trying to figure out why my React apps had had stopped working!
You are awesome man. I'm learning React as we speak and the tutorials I was using were basically obsolete and you bridged the gap.
Great Job, extremely clear and concise. It's always good to stay on top of the latest updates and changes.
Glad it was helpful!
thank you so much for this video dude, i tried looking for videos explaining this and every video is so outdated and yours is great AND up to date! lifesaver!
Perdro I cannot thank you enough. Whatever I need, i find on your channel in a very concise and easy to understand video.
Keep up the good work.
100k soon 🙏
By far the best tutorial for react router v6
Every thing needed to start react router in just 20min
AMEN! Spent all day on this because I was working with DOM5 commands. THAKN YOU !
Thanks bruv it took me forever to realise my errors were caused by v6
Hahaha im glad I helped!
saved my head from going mad, dude! many thanks to you, i just couldn't figure out how to use routes with my component, finally it works!
You just showed every important topic related to react-router-dom very well. with changes of older and newer version. Thanks
AMAZING video dude... ive seen some of your past ones and they were really helpful but i still had so many issues and i had to find replacement methods to do all the things you said in @6.. this video was straight to the point, great explanation. Thanks again and JUST when i needed it too....
Hahaha thank you! Glad you liked it!
Perfect explanation! Straight forward, but complete! Thanks, man!
Thank you for this
A short, to the point, up-to-date video; I haven't watched much of your channel, but if the rest of it is like this, I may just have found a treasure trove of learning resources! Again, thank you, parceiro :D
Thanks buddy , I was stuck at some point and needed just one sentence which you narrated in this video : 👏👏
i'm crying just because how well is your explanation, earned a sub!!! ✨
Thank you very much. been struggling since afternoon on a specific aspect and from 13:25 to 13:30 demystified my confusion and i was able to solve my error...
You made this very easy to understand! You have no idea how helpful this is!
I never comment on videos, but DUDE... you are a life saver! Thanks for everything!
Thanks bro, useParam will be very usefull in my actual project. I started watching this video just to see if i learn something new about react route because im very new at it, and i did
I just saw this video in 2x speed and still understood everything. You're awesome 🎉
Thanks Pedro, your examples and the way you teach is easier to follow compares to most youtubers with similar topic.
Very very thank you brother. I spent 4 hours for routing using switch and later I came to know that switch does not work in higher versions.
Your video is very very useful.
Please continue your contribution to the world in a positive way.
Glad it helped
Very clear explanations, thank you, Ive already seen 2 complete videos from you, this one and the another one explained react hooks!. Thanks from Chile!!!
@PedroTech you just asked the very question that made me come to this video at 18:45 and answered it. thanks man. big help, you got no idea🔥💯
very clear explanation, easy to understand and good articulation with great teaching pace.
you deserve more subs
Very good bro. Thanks a lot! I'm from Brazil. I was searching on youtube a tutorial about routes on ReactJS and i see this amazing video.
Thank you so much, Pedro!
Cheers from Argentina 🇦🇷
Thank you so much Pedro, Your videos are always amazing!
You did the right move. Seriously there are very less videos on v6. Thanks. Already Subscribed.
This is absolutely gold my friend. Keep going like this. I love you.
This man stays reading my mind, just when I need this. Thank you!
Great job Pedro. Everything made easy.
Thank you brother, i was searching a tutorial like this long time ago and today i got find it... a million of points for you!
Exactly what I'm looking for. Thank you Pedro
Obrigado Pedro, és o maior! Estava difícil encontrar um tutorial para Router V6! Subscrito!!!
Thank you for this tutorial! Every other one I've watched is on V5, so this was very helpful!
te way you explain things, it is so simple and yet so effective. IT IS INDEED ONE OF THE BEST REACTJS TUTORIALS ON TH-cam. Kudos and more power to you. may god bless you. thanks, love from India.
Appreciate that!!
Like this video? No. LOVE this video? YES!! Many thanks Pedro 🙂
bro you're a lifesaver fr fr
This was great! Watched about 6 other videos which didn't work. Thanks a lot!
Running through a MERN.tutorial that was a few years old. Thanks for running through the syntax update for React.js^6
Plain and simple, thank you mate
your explanation is very clear. It's a helpful tutorial. Thanks, Pedro!
Thank you so much... This is the simplest explanation i have seen for react router dom
Thanks, I've been looking for a v6 tutorial. This was amazing!
All I can say is thanks man. Really appreciate
8:40 Yesss thanks!! I watch tutorial about building React website
and I struggle with this step
he used this : path='/' exact component={Home}
Technology changes fast :)
Thanks a lot for your videos ~ I'm still learning web developing, and found your videos so helpful !
very clear and intuitive. thanks pedro
Thanks Man! You saved my week. Love your work. Simple and easy.
Thank you, Pedro! It's a great explanation!
Great video man! Appreciate you making this, helped me out a lot!
I was facing problem on useParams. Problem solved thanks to you.
Best video on the internet on this topic
Thank you for the quick refresher.
I love you my guy you helped in fixing my issues, you get a subscriber!
You saved me so much time learning router! Thank you so much :))
Valeu, Pedro. Tutorial muito bom!!
Thank you so much, this helped a lot. Extremely clear and concise tutorial.
You are the best Instructor Bro.... Keep Rocking
Man You are a life saver. This video was so full of information Thankyou so Much for this
Appreciate this very much; it was precisely what I was looking for. I initially watched Web Dev Simplified's 46 minute video on React Router and ended up feeling slightly overwhelmed as all I wanted to know is how to load a new page >.< lol. This video was a relief and helped narrow the scope a bit, so my feeble mind could better absorb the info. For the record I'm not knocking Web Dev Simplified's video at all; it's superb and covers considerably more than what we learn here, but was more than I was looking to chew on at the moment. This is a great intro/beginner friendly video and then for anyone looking to go a little more in-depth/intermediate, go check out Web Dev Simplified's video.
I've really enjoyed the few videos of yours I've watched so far, so consider me subscribed. Keep up the great work, man.
Thanks to Pedro.You have cleared my mind about routes.
Thank you very much sir. I am a beginner in React and very confuse when i learn the old method. i don't know there is change on react-router-dom syntax in v6. GREAT EXPLANATION
you are a life saver which explains things so simple clearly and straight to the point, thank you so much! subscribed
Excellent tutorial, helped me to understand the basics of react-router. Thanks!
Thank you for this concise and extremely useful video!
I was following a react tutorial series where the instructor used router v4, and I installed router v6 thinking it should be better and since the history, location and match props do not exist on router v6, I spent hours figuring out why I don't have these props anymore and why is my console all red. Finally I landed to this video. Thanks a lot man, you earned a sub :)
I'm currently going through the exact same thing. Glad I found this video because I was about ready to throw my laptop out the window.
@@realdoomerhours Nice for you cuz I'm already using a new laptop for the same reason.
@@artemmarketer5745 You have my sympathies.
Thanks Pedro! 🧡
Really good video , explained it easily and most other yt videos about this are outdated so good job
Omg!! greatest explanation ever, cleareed all my doubts , thnx
i always watch ur videos cuz its a lot clear and to the point
Thank you!
thank you so much for the v6 update, i reallllyyyy needed this
Extremely useful. Thank you!
Absolutely loved the video. thanks !!!!
wow thank you for real! this is incredibly clear and concise
Very straightforward. Thanks for the video, Pedro.
Finally someone who knows how to teach
Awesome work, just what I needed
Great tutorial man, huge help!
This was really helpful and simple to understand. Thank you.
You explain extremely good !
This video helped me! Thanks, Pedro Tech ❤
Thank you very much Pedro ! This helped me a lot .
Thank you. You literally saved my live.
Very useful tutorial. Google was of no help for me 2022. But this video just made sense.
Cool, this helped me migrate an app from v5 to v6. Thanks!
Glad it helped!
Thanks a lot for the explanation of new updated concept of Route dom .. It solved my problem.
God bless you for such talent to explain things!!!!
Very helpful at the right time. Thank you Pedro.. Love and Support from India..
New subscriber here, great job explaining things in a clear & concise way! Good stuff 👍
The best I have seen so far!!!!
Thank you so much! This is exactly what I needed