React Router V6 Tutorial - Routes, Redirecting, UseNavigate, UseParams...
ฝัง
- เผยแพร่เมื่อ 15 พ.ย. 2024
- 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....
Code: github.com/mac...
🚀 Learn ReactJS By Building 6 Projects: codedamn.com/l...
► 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/mac...
Email: machadop1407@gmail.com
Tags:
ReactJS Tutorial
ReactJS and MySQL
NodeJS Tutorial
API Tutorial
#reactjs #reactrouter
![ReactJS Course [8] - React Router Dom | Routes in React](http://i.ytimg.com/vi/ehvS1Hp90KU/mqdefault.jpg)
![ReactJS Course [8] - React Router Dom | Routes in React](/img/tr.png)
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 is a timely intervention. God bless you, Pedro!
Hahaha i was waiting for so long for the React Router update to make this video
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!
Thanks bruv it took me forever to realise my errors were caused by v6
Hahaha im glad I helped!
This tutorial is exactly what I'm looking for. And your explanation is very clear. It's a helpful tutorial. Thanks, Pedro!
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!
Great Job, extremely clear and concise. It's always good to stay on top of the latest updates and changes.
Glad it was helpful!
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
My son is also Pedro. I just started to learn React. Thank you !!
That's awesome! Are you brazilian?
@@PedroTechnologies Yep.
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.
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!
I just saw this video in 2x speed and still understood everything. You're awesome 🎉
i'm crying just because how well is your explanation, earned a sub!!! ✨
By far the best tutorial for react router v6
Every thing needed to start react router in just 20min
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 🙏
Finally someone who knows how to teach
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.
I never comment on videos, but DUDE... you are a life saver! Thanks for everything!
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!!
Thanks buddy , I was stuck at some point and needed just one sentence which you narrated in this video : 👏👏
You make it so easy to follow along and grasp the concepts. Thanks so much for taking the time to do this!
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!
You did the right move. Seriously there are very less videos on v6. Thanks. Already Subscribed.
bro you're a lifesaver fr fr
You just showed every important topic related to react-router-dom very well. with changes of older and newer version. Thanks
You made this very easy to understand! You have no idea how helpful this is!
Like this video? No. LOVE this video? YES!! Many thanks Pedro 🙂
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!
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.
AMEN! Spent all day on this because I was working with DOM5 commands. THAKN YOU !
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!!!
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.
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!
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
@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🔥💯
I'd like to believe you're from LATAM as your name is Pedro... It kind makes me feel proud of how good videos you have, recently I found your channel and you have a permanent subscriber 👍 great job!
Hahaha I am from Brazil :) Happy to hear you like the videos!
your youtube channel teaches more than any university or any course
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...
This is absolutely gold my friend. Keep going like this. I love you.
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.
Best video on the internet on this topic
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
Really good video , explained it easily and most other yt videos about this are outdated so good job
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!
Thank you so much... This is the simplest explanation i have seen for react router dom
This was great! Watched about 6 other videos which didn't work. Thanks a lot!
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 :)
This was really helpful and simple to understand. Thank you.
Thank you so much, Pedro!
Cheers from Argentina 🇦🇷
You are the best Instructor Bro.... Keep Rocking
First time watching your videos and I'm sooooo impressed sir. You just got one more subscriber! Well done.
Thank you so much Pedro, Your videos are always amazing!
Thanks Pedro! 🧡
Man is a genius on React
You too broo
Cool, this helped me migrate an app from v5 to v6. Thanks!
Glad it helped!
Very clear, but you should also consider that someone may be coming to this content who has never see react-router-dom - EVER. I've been using react long enough to follow what you're doing, but as opposed to covering the changes, if you're doing a tutorial you have to cover it from the noob perspective.
I was facing problem on useParams. Problem solved thanks to you.
Exactly what I'm looking for. Thank you Pedro
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!
Thanks a lot for your videos ~ I'm still learning web developing, and found your videos so helpful !
Plain and simple, thank you mate
best 20mins of my life
very clear and intuitive. thanks pedro
All I can say is thanks man. Really appreciate
Pedro is really a great teacher I get whatever he says 😅❤️
You saved me so much time learning router! Thank you so much :))
Thankyou so much, i've deadline tomorrow and i saw this video!
Awesome!
You are the best youtuber that teach react thank you for your amazing videos 🌹
your explanation is very clear. It's a helpful tutorial. Thanks, Pedro!
Great job Pedro. Everything made easy.
very clear explanation, easy to understand and good articulation with great teaching pace.
you deserve more subs
Thank you for this concise and extremely useful video!
Thanks, I've been looking for a v6 tutorial. This was amazing!
Excellent tutorial PedroTech.
Man You are a life saver. This video was so full of information Thankyou so Much for this
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
This is a really good tutorial. Thanks, Pedro!
Glad you liked it!
please make a tutorial on nested routing with react-router-dom@6 which will be very helpful as always
Yes! I will make a video about it soon!
Thank you, Pedro! It's a great explanation!
Thanks to Pedro.You have cleared my mind about routes.
I love your videos. They really help me through these hard times that we danes have to suffer.
This man stays reading my mind, just when I need this. Thank you!
very useful information the only thing I would change is to implement to render a nav component instead of the code, the way its implemented works just fine but will grow if you need to add more code to the nav and it wont look good or feel good for best practices, other than that, perfect Job Pedro!!!!!
Your channel === GEM💎
you are a life saver
love you sir
Subscribed
I love you my guy you helped in fixing my issues, you get a subscriber!
Thank you for this tutorial! Every other one I've watched is on V5, so this was very helpful!
Very helpful at the right time. Thank you Pedro.. Love and Support from India..
Your videos are gold!
Greetings form Portugal 😝
The best I have seen so far!!!!
Very useful tutorial. Google was of no help for me 2022. But this video just made sense.
Extremely clear and concise! Thank you very much for sharing . A new subscriber lol
Perfect explanation! Straight forward, but complete! Thanks, man!
You can also wrap the button in a link tag and navigate using that too!
thanks so much for the video. I learnt a lot from it! The way you explained was realy good and understandably. Looking forward to se more of your content. Greetings from a dev-student from Norway🙂
Thank you. You literally saved my live.
Thank you Mr. Pedro nice mechanical keyboard btw
Glad it helped! I am actually going to replace it with a muted keyboard for videos cause I don't want the sound appearing in the video hahaha
This video was exactly what I needed, thank you!
You explain extremely good !