React Router V6 Tutorial - Routes, Redirecting, UseNavigate, UseParams...

  Рет қаралды 279,662

PedroTech

PedroTech

Күн бұрын

Пікірлер: 535
@realdoomerhours
@realdoomerhours 2 жыл бұрын
This is a way better tutorial than the actual React documentation, great job.
@ultimatesheep
@ultimatesheep 2 жыл бұрын
documentation is just like manual Nobody reads it
@caracalmanhique9260
@caracalmanhique9260 2 жыл бұрын
@@ultimatesheep kkkk
@wyvrendragon4175
@wyvrendragon4175 2 жыл бұрын
Aggree😂
@Joao-oo8yj
@Joao-oo8yj 2 жыл бұрын
@@caracalmanhique9260 br?
@alowe5013
@alowe5013 2 жыл бұрын
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!
@brilliantatosam
@brilliantatosam 3 жыл бұрын
This is a timely intervention. God bless you, Pedro!
@PedroTechnologies
@PedroTechnologies 3 жыл бұрын
Hahaha i was waiting for so long for the React Router update to make this video
@thydevdom
@thydevdom 2 жыл бұрын
Coffee on me. Your videos are always great!
@PedroTechnologies
@PedroTechnologies 2 жыл бұрын
I appreciate that! Thank you!!
@izatydita
@izatydita 3 жыл бұрын
This tutorial is exactly what I'm looking for. And your explanation is very clear. It's a helpful tutorial. Thanks, Pedro!
@cristinalopez8667
@cristinalopez8667 3 жыл бұрын
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!
@Tux256ND
@Tux256ND 2 жыл бұрын
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!
@benihahitti3513
@benihahitti3513 3 жыл бұрын
Great Job, extremely clear and concise. It's always good to stay on top of the latest updates and changes.
@PedroTechnologies
@PedroTechnologies 3 жыл бұрын
Glad it was helpful!
@VskiDevs
@VskiDevs 2 жыл бұрын
@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🔥💯
@zenova9926
@zenova9926 2 жыл бұрын
i'm crying just because how well is your explanation, earned a sub!!! ✨
@ManpahulSingh
@ManpahulSingh 3 жыл бұрын
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 :)
@realdoomerhours
@realdoomerhours 2 жыл бұрын
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.
@psychotype-t1b
@psychotype-t1b 2 жыл бұрын
@@realdoomerhours Nice for you cuz I'm already using a new laptop for the same reason.
@realdoomerhours
@realdoomerhours 2 жыл бұрын
@@psychotype-t1b You have my sympathies.
@petritmekuli
@petritmekuli 2 жыл бұрын
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.
@nickurchin9579
@nickurchin9579 2 жыл бұрын
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.
@RV-kl2wl
@RV-kl2wl 2 жыл бұрын
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 🙏
@raphaeljaggerd3585
@raphaeljaggerd3585 3 жыл бұрын
Thanks bruv it took me forever to realise my errors were caused by v6
@PedroTechnologies
@PedroTechnologies 3 жыл бұрын
Hahaha im glad I helped!
@amirmahdimohamadian6732
@amirmahdimohamadian6732 3 жыл бұрын
I never comment on videos, but DUDE... you are a life saver! Thanks for everything!
@seagypsy2591
@seagypsy2591 3 жыл бұрын
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.
@joydeepr007
@joydeepr007 2 жыл бұрын
I just saw this video in 2x speed and still understood everything. You're awesome 🎉
@westernpigeon
@westernpigeon 3 жыл бұрын
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!
@sslab33
@sslab33 3 жыл бұрын
By far the best tutorial for react router v6 Every thing needed to start react router in just 20min
@anuragkasudhan3734
@anuragkasudhan3734 2 жыл бұрын
te way you explain things, it is so simple and yet so effective. IT IS INDEED ONE OF THE BEST REACTJS TUTORIALS ON KZbin. Kudos and more power to you. may god bless you. thanks, love from India.
@PedroTechnologies
@PedroTechnologies 2 жыл бұрын
Appreciate that!!
@sunbrogilgamesh
@sunbrogilgamesh 2 жыл бұрын
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!
@viallymboma9874
@viallymboma9874 3 жыл бұрын
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...
@AlvinSohebBaig
@AlvinSohebBaig 2 жыл бұрын
Thanks buddy , I was stuck at some point and needed just one sentence which you narrated in this video : 👏👏
@asfnobambu
@asfnobambu 2 жыл бұрын
My son is also Pedro. I just started to learn React. Thank you !!
@PedroTechnologies
@PedroTechnologies 2 жыл бұрын
That's awesome! Are you brazilian?
@asfnobambu
@asfnobambu 2 жыл бұрын
@@PedroTechnologies Yep.
@jvandco30
@jvandco30 3 жыл бұрын
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.
@PedroTechnologies
@PedroTechnologies 3 жыл бұрын
Glad it helped
@micahwendorf8808
@micahwendorf8808 2 жыл бұрын
You make it so easy to follow along and grasp the concepts. Thanks so much for taking the time to do this!
@parvatprajapati8932
@parvatprajapati8932 2 жыл бұрын
You just showed every important topic related to react-router-dom very well. with changes of older and newer version. Thanks
@samnayakawadi
@samnayakawadi 3 жыл бұрын
You did the right move. Seriously there are very less videos on v6. Thanks. Already Subscribed.
@SkyrimBeast
@SkyrimBeast 2 жыл бұрын
Like this video? No. LOVE this video? YES!! Many thanks Pedro 🙂
@razor0wn3d
@razor0wn3d 2 жыл бұрын
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.
@LazAustin
@LazAustin 2 жыл бұрын
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.
@widehusky
@widehusky 3 жыл бұрын
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....
@PedroTechnologies
@PedroTechnologies 3 жыл бұрын
Hahaha thank you! Glad you liked it!
@gonzalooviedo5435
@gonzalooviedo5435 2 жыл бұрын
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!!!
@KingBurger52
@KingBurger52 2 жыл бұрын
You made this very easy to understand! You have no idea how helpful this is!
@hirealgore
@hirealgore 2 жыл бұрын
AMEN! Spent all day on this because I was working with DOM5 commands. THAKN YOU !
@AlexisScuderi
@AlexisScuderi 2 жыл бұрын
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
@brayandelgado2458
@brayandelgado2458 2 жыл бұрын
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!
@angelzacarias8886
@angelzacarias8886 2 жыл бұрын
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!
@PedroTechnologies
@PedroTechnologies 2 жыл бұрын
Hahaha I am from Brazil :) Happy to hear you like the videos!
Жыл бұрын
This is absolutely gold my friend. Keep going like this. I love you.
@SUPREM00
@SUPREM00 2 жыл бұрын
Finally someone who knows how to teach
@Mark-nm9sm
@Mark-nm9sm 2 жыл бұрын
Really good video , explained it easily and most other yt videos about this are outdated so good job
@alawy5551
@alawy5551 2 жыл бұрын
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 :)
@arsnakehert
@arsnakehert 2 жыл бұрын
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
@mohammedfareedh
@mohammedfareedh 2 жыл бұрын
You are the best Instructor Bro.... Keep Rocking
@NareshBazidpuria
@NareshBazidpuria 2 жыл бұрын
thank you sir. it helped me a lot
@MBkingsoft
@MBkingsoft 2 жыл бұрын
First time watching your videos and I'm sooooo impressed sir. You just got one more subscriber! Well done.
@mselbekk
@mselbekk 3 жыл бұрын
This was great! Watched about 6 other videos which didn't work. Thanks a lot!
@faris.abuali
@faris.abuali 2 жыл бұрын
Thanks Pedro! 🧡
@noelpadavan5674
@noelpadavan5674 3 жыл бұрын
This man stays reading my mind, just when I need this. Thank you!
@Kidz-code-t9i
@Kidz-code-t9i Жыл бұрын
Thank you so much... This is the simplest explanation i have seen for react router dom
@002ashishkumar5
@002ashishkumar5 3 жыл бұрын
Omg!! greatest explanation ever, cleareed all my doubts , thnx i always watch ur videos cuz its a lot clear and to the point
@PedroTechnologies
@PedroTechnologies 3 жыл бұрын
Thank you!
@zaidaljamaly3905
@zaidaljamaly3905 2 жыл бұрын
You are the best youtuber that teach react thank you for your amazing videos 🌹
@flowerofash4439
@flowerofash4439 2 жыл бұрын
very clear explanation, easy to understand and good articulation with great teaching pace. you deserve more subs
@juanchi_brossa
@juanchi_brossa 3 жыл бұрын
Thank you so much, Pedro! Cheers from Argentina 🇦🇷
@josephgutierrez6185
@josephgutierrez6185 2 жыл бұрын
Thanks!
@PedroTechnologies
@PedroTechnologies 2 жыл бұрын
Thank you for your support!
@erhanaslan3572
@erhanaslan3572 2 жыл бұрын
your youtube channel teaches more than any university or any course
@caffeinated-pixels
@caffeinated-pixels 3 жыл бұрын
Cool, this helped me migrate an app from v5 to v6. Thanks!
@PedroTechnologies
@PedroTechnologies 3 жыл бұрын
Glad it helped!
@mmd1dev
@mmd1dev 2 жыл бұрын
Pedro is really a great teacher I get whatever he says 😅❤️
@farihanashih2131
@farihanashih2131 2 жыл бұрын
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
@thatonichan
@thatonichan Жыл бұрын
bro you're a lifesaver fr fr
@divyanshsao3846
@divyanshsao3846 2 жыл бұрын
Man You are a life saver. This video was so full of information Thankyou so Much for this
@derickasane8499
@derickasane8499 2 жыл бұрын
very clear and intuitive. thanks pedro
@SofiaBelchiorinho
@SofiaBelchiorinho 2 жыл бұрын
Your videos are gold! Greetings form Portugal 😝
@changgiljeong9820
@changgiljeong9820 3 жыл бұрын
Thank you so much Pedro, Your videos are always amazing!
@ColeCaccamise
@ColeCaccamise 3 жыл бұрын
Great video man! Appreciate you making this, helped me out a lot!
@一脸滑稽-k5v
@一脸滑稽-k5v 3 жыл бұрын
Thanks a lot for your videos ~ I'm still learning web developing, and found your videos so helpful !
@andreastakvam6903
@andreastakvam6903 2 жыл бұрын
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🙂
@abhinavagarwal7373
@abhinavagarwal7373 3 жыл бұрын
Best video on the internet on this topic
@LIMLIMLIM111
@LIMLIMLIM111 2 жыл бұрын
You saved me so much time learning router! Thank you so much :))
@adithya00
@adithya00 2 жыл бұрын
your explanation is very clear. It's a helpful tutorial. Thanks, Pedro!
@flashim103
@flashim103 2 жыл бұрын
Thanks, I've been looking for a v6 tutorial. This was amazing!
@wisdom6739
@wisdom6739 2 жыл бұрын
Hello PedroooooO very good work ! You have all my respect, your tutorial is a real tutorial, so I subscribe right away !
@alexanderoliverbecksommer6816
@alexanderoliverbecksommer6816 3 жыл бұрын
I love your videos. They really help me through these hard times that we danes have to suffer.
@coderjag8828
@coderjag8828 2 жыл бұрын
Thank you for this tutorial! Every other one I've watched is on V5, so this was very helpful!
@jaylee5252
@jaylee5252 Жыл бұрын
This was really helpful and simple to understand. Thank you.
@ibnuhafizh5656
@ibnuhafizh5656 3 жыл бұрын
Thankyou so much, i've deadline tomorrow and i saw this video!
@PedroTechnologies
@PedroTechnologies 3 жыл бұрын
Awesome!
@mkwaliyo
@mkwaliyo 2 жыл бұрын
All I can say is thanks man. Really appreciate
@rodneyowusu9876
@rodneyowusu9876 3 жыл бұрын
Great job Pedro. Everything made easy.
@fhkodama
@fhkodama 2 жыл бұрын
Perfect explanation! Straight forward, but complete! Thanks, man!
@mustafatechsolutions
@mustafatechsolutions 2 жыл бұрын
I love you my guy you helped in fixing my issues, you get a subscriber!
@wimaxisp
@wimaxisp 2 жыл бұрын
Extremely clear and concise! Thank you very much for sharing . A new subscriber lol
@fullstackspiderman
@fullstackspiderman 3 жыл бұрын
Very helpful at the right time. Thank you Pedro.. Love and Support from India..
@mmd1dev
@mmd1dev 2 жыл бұрын
You are the best Pedro thanks for every tutorial u made❤💥
@cloudietech5825
@cloudietech5825 3 жыл бұрын
Man is a genius on React
@PedroTechnologies
@PedroTechnologies 3 жыл бұрын
You too broo
@abcgyang5327
@abcgyang5327 2 жыл бұрын
This is a great lesson.. permit me say, U are a great teacher that knows exactly how to go about his lessons. It's straight forward and clear.✊ I pray for more Wisdom 🙏
@kaisasa3164
@kaisasa3164 2 жыл бұрын
you are a life saver which explains things so simple clearly and straight to the point, thank you so much! subscribed
@ThColinPereira
@ThColinPereira 3 жыл бұрын
This is a really good tutorial. Thanks, Pedro!
@PedroTechnologies
@PedroTechnologies 3 жыл бұрын
Glad you liked it!
@codexjay674
@codexjay674 2 жыл бұрын
Exactly what I'm looking for. Thank you Pedro
@jaisharma8056
@jaisharma8056 2 жыл бұрын
thank you soo much brother !! this is the best video on all youtube.
@faisalazhar9622
@faisalazhar9622 2 жыл бұрын
I was facing problem on useParams. Problem solved thanks to you.
@KSmithVids
@KSmithVids 2 жыл бұрын
New subscriber here, great job explaining things in a clear & concise way! Good stuff 👍
@nejan_s
@nejan_s 3 жыл бұрын
you are a life saver love you sir Subscribed
@PauloGois86
@PauloGois86 2 жыл бұрын
Obrigado Pedro, és o maior! Estava difícil encontrar um tutorial para Router V6! Subscrito!!!
@belghoulmounder113
@belghoulmounder113 3 жыл бұрын
Was actually looking for this, Thanks as always for the clear and straight to the point explanation. Much appreciated.
@PedroTechnologies
@PedroTechnologies 3 жыл бұрын
Glad it helped!
@josuegarcia4280
@josuegarcia4280 2 жыл бұрын
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!!!!!
@TheLongAndNarrowPath
@TheLongAndNarrowPath 2 жыл бұрын
Excellent tutorial, helped me to understand the basics of react-router. Thanks!
@solacech.
@solacech. 3 жыл бұрын
thank you so much for the v6 update, i reallllyyyy needed this
@mayuribharadva7554
@mayuribharadva7554 3 жыл бұрын
Thanks a lot for the explanation of new updated concept of Route dom .. It solved my problem.
@farhadfallahi8200
@farhadfallahi8200 2 жыл бұрын
This video helped me! Thanks, Pedro Tech ❤
ReactJS Course [8] - React Router Dom | Routes in React
17:18
PedroTech
Рет қаралды 52 М.
React Router V6.4+ Tutorial - New Syntax, useLoaderData...
24:55
How Strong Is Tape?
00:24
Stokes Twins
Рет қаралды 96 МЛН
Mom Hack for Cooking Solo with a Little One! 🍳👶
00:15
5-Minute Crafts HOUSE
Рет қаралды 23 МЛН
Мен атып көрмегенмін ! | Qalam | 5 серия
25:41
Une nouvelle voiture pour Noël 🥹
00:28
Nicocapone
Рет қаралды 9 МЛН
Why Signals Are Better Than React Hooks
16:30
Web Dev Simplified
Рет қаралды 498 М.
Getting Started with React Router 6 and Typescript [2022]
11:32
The Nerdy Canuck
Рет қаралды 30 М.
All useEffect Mistakes Every Junior React Developer Makes
22:23
Responsive Navbar In React With Styled Components Tutorial
43:01
Learn React Router v6 In 45 Minutes
46:20
Web Dev Simplified
Рет қаралды 580 М.
React Router Dom v6 Tutorial for Beginners in 10 Minutes [2023]
17:27
Code With Yousaf
Рет қаралды 10 М.
React Redux Tutorial For Beginners | Redux Toolkit Tutorial 2021
53:26
React Hooks Course - All React Hooks Explained
1:26:21
PedroTech
Рет қаралды 1,1 МЛН
React Router Full Tutorial - ReactJS Beginner Tutorial
30:44
PedroTech
Рет қаралды 24 М.
How Strong Is Tape?
00:24
Stokes Twins
Рет қаралды 96 МЛН