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

Поделиться
HTML-код
  • Опубликовано: 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
  • НаукаНаука

Комментарии • 536

  • @izatydita
    @izatydita 2 года назад +26

    This tutorial is exactly what I'm looking for. And your explanation is very clear. It's a helpful tutorial. Thanks, Pedro!

  • @alowe5013
    @alowe5013 Год назад +17

    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!

  • @realdoomerhours
    @realdoomerhours 2 года назад +79

    This is a way better tutorial than the actual React documentation, great job.

  • @seagypsy2591
    @seagypsy2591 2 года назад

    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.

  • @micahwendorf8808
    @micahwendorf8808 2 года назад +3

    You make it so easy to follow along and grasp the concepts. Thanks so much for taking the time to do this!

  • @Tux256ND
    @Tux256ND 2 года назад +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!

  • @brilliantatosam6882
    @brilliantatosam6882 2 года назад +38

    This is a timely intervention. God bless you, Pedro!

    • @PedroTechnologies
      @PedroTechnologies  2 года назад +4

      Hahaha i was waiting for so long for the React Router update to make this video

  • @petritmekuli
    @petritmekuli 2 года назад +3

    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.

  • @cristinalopez8667
    @cristinalopez8667 2 года назад

    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!

  • @LazAustin
    @LazAustin 2 года назад +1

    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.

  • @RV-kl2wl
    @RV-kl2wl Год назад +1

    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 🙏

  • @westernpigeon
    @westernpigeon 2 года назад

    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!

  • @benihahitti3513
    @benihahitti3513 2 года назад +51

    Great Job, extremely clear and concise. It's always good to stay on top of the latest updates and changes.

  • @fhkodama
    @fhkodama 2 года назад +1

    Perfect explanation! Straight forward, but complete! Thanks, man!

  • @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

  • @flowerofash4439
    @flowerofash4439 2 года назад +1

    very clear explanation, easy to understand and good articulation with great teaching pace.
    you deserve more subs

  • @sslab33
    @sslab33 2 года назад

    By far the best tutorial for react router v6
    Every thing needed to start react router in just 20min

  • @KingBurger52
    @KingBurger52 Год назад

    You made this very easy to understand! You have no idea how helpful this is!

  • @huskypsycho7833
    @huskypsycho7833 2 года назад +5

    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....

  • @AlvinSohebBaig
    @AlvinSohebBaig Год назад

    Thanks buddy , I was stuck at some point and needed just one sentence which you narrated in this video : 👏👏

  • @parvatprajapati8932
    @parvatprajapati8932 2 года назад

    You just showed every important topic related to react-router-dom very well. with changes of older and newer version. Thanks

  • @changgiljeong9820
    @changgiljeong9820 2 года назад +2

    Thank you so much Pedro, Your videos are always amazing!

  • @PauloGois86
    @PauloGois86 2 года назад

    Obrigado Pedro, és o maior! Estava difícil encontrar um tutorial para Router V6! Subscrito!!!

  • @zenova9926
    @zenova9926 Год назад

    i'm crying just because how well is your explanation, earned a sub!!! ✨

  • @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.

  • @gonzalooviedo5435
    @gonzalooviedo5435 Год назад

    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!!!

  • @rodneyowusu9876
    @rodneyowusu9876 2 года назад +1

    Great job Pedro. Everything made easy.

  • @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!

  • @joydeepr007
    @joydeepr007 Год назад

    I just saw this video in 2x speed and still understood everything. You're awesome 🎉

  • @samnayakawadi
    @samnayakawadi 2 года назад

    You did the right move. Seriously there are very less videos on v6. Thanks. Already Subscribed.

  •  9 месяцев назад

    This is absolutely gold my friend. Keep going like this. I love you.

  • @mselbekk
    @mselbekk 2 года назад

    This was great! Watched about 6 other videos which didn't work. Thanks a lot!

  • @higherpurpose1212
    @higherpurpose1212 4 месяца назад

    Thanks Pedro, your examples and the way you teach is easier to follow compares to most youtubers with similar topic.

  • @KSmithVids
    @KSmithVids 2 года назад

    New subscriber here, great job explaining things in a clear & concise way! Good stuff 👍

  • @flashim103
    @flashim103 2 года назад

    Thanks, I've been looking for a v6 tutorial. This was amazing!

  • @amirmahdimohamadian6732
    @amirmahdimohamadian6732 2 года назад

    I never comment on videos, but DUDE... you are a life saver! Thanks for everything!

  • @user-lm9ve2js2t
    @user-lm9ve2js2t 2 года назад +1

    Thanks a lot for your videos ~ I'm still learning web developing, and found your videos so helpful !

  • @juanchibrossa8569
    @juanchibrossa8569 2 года назад

    Thank you so much, Pedro!
    Cheers from Argentina 🇦🇷

  • @VskiDevs
    @VskiDevs Год назад

    @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🔥💯

  • @coderjag8828
    @coderjag8828 2 года назад

    Thank you for this tutorial! Every other one I've watched is on V5, so this was very helpful!

  • @codexjay674
    @codexjay674 2 года назад

    Exactly what I'm looking for. Thank you Pedro

  • @raphaeljaggerd3585
    @raphaeljaggerd3585 2 года назад +11

    Thanks bruv it took me forever to realise my errors were caused by v6

  • @MBkingsoft
    @MBkingsoft 2 года назад

    First time watching your videos and I'm sooooo impressed sir. You just got one more subscriber! Well done.

  • @Mark-nm9sm
    @Mark-nm9sm 2 года назад

    Really good video , explained it easily and most other yt videos about this are outdated so good job

  • @nomadicsoul2349
    @nomadicsoul2349 2 года назад

    Thanks Man! You saved my week. Love your work. Simple and easy.

  • @AG-kg9iu
    @AG-kg9iu Год назад

    AMEN! Spent all day on this because I was working with DOM5 commands. THAKN YOU !

  • @viallymboma9874
    @viallymboma9874 2 года назад

    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...

  • @AlexisScuderi
    @AlexisScuderi Год назад

    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 Год назад

    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!

  • @nickurchin9579
    @nickurchin9579 Год назад

    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.

  • @adithya00
    @adithya00 2 года назад

    your explanation is very clear. It's a helpful tutorial. Thanks, Pedro!

  • @plaguegames3556
    @plaguegames3556 Год назад

    Plain and simple, thank you mate

  • @TheLongAndNarrowPath
    @TheLongAndNarrowPath 2 года назад

    Excellent tutorial, helped me to understand the basics of react-router. Thanks!

  • @olenayevtushok2014
    @olenayevtushok2014 Год назад

    Thank you, Pedro! It's a great explanation!

  • @mustafaxd6952
    @mustafaxd6952 2 года назад

    I love you my guy you helped in fixing my issues, you get a subscriber!

  • @user-wl1jp1wd2p
    @user-wl1jp1wd2p 9 месяцев назад

    Thank you so much... This is the simplest explanation i have seen for react router dom

  • @LIMLIMLIM111
    @LIMLIMLIM111 Год назад

    You saved me so much time learning router! Thank you so much :))

  • @SkyrimBeast
    @SkyrimBeast 2 года назад

    Like this video? No. LOVE this video? YES!! Many thanks Pedro 🙂

  • @ColeCaccamise
    @ColeCaccamise 2 года назад

    Great video man! Appreciate you making this, helped me out a lot!

  • @madae160
    @madae160 Год назад

    Excellent tutorial PedroTech.

  • @jaylee5252
    @jaylee5252 Год назад +1

    This was really helpful and simple to understand. Thank you.

  • @ExtraWubWubs
    @ExtraWubWubs 2 года назад

    Great tutorial man, huge help!

  • @mohammedfareedh
    @mohammedfareedh 2 года назад

    You are the best Instructor Bro.... Keep Rocking

  • @victorekea
    @victorekea 2 года назад

    Very straightforward. Thanks for the video, Pedro.

  • @derickasane8499
    @derickasane8499 Год назад

    very clear and intuitive. thanks pedro

  • @farihanashih2131
    @farihanashih2131 2 года назад +1

    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

  • @andreastakvam6903
    @andreastakvam6903 Год назад

    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🙂

  • @solacech.
    @solacech. 2 года назад

    thank you so much for the v6 update, i reallllyyyy needed this

  • @dannievasileva9069
    @dannievasileva9069 2 года назад

    This video was exactly what I needed, thank you!

  • @kd7944
    @kd7944 2 года назад

    Extremely clear and concise! Thank you very much for sharing . A new subscriber lol

  • @fullstackspiderman
    @fullstackspiderman 2 года назад

    Very helpful at the right time. Thank you Pedro.. Love and Support from India..

  • @SofiaBelchiorinho
    @SofiaBelchiorinho 2 года назад

    Your videos are gold!
    Greetings form Portugal 😝

  • @anuragkasudhan3734
    @anuragkasudhan3734 Год назад +1

    te way you explain things, it is so simple and yet so effective. IT IS INDEED ONE OF THE BEST REACTJS TUTORIALS ON RUclips. Kudos and more power to you. may god bless you. thanks, love from India.

  • @asyourlipslounge
    @asyourlipslounge Год назад

    Running through a MERN.tutorial that was a few years old. Thanks for running through the syntax update for React.js^6

  • @MMercon1
    @MMercon1 2 года назад

    Thank you so much, this helped a lot. Extremely clear and concise tutorial.

  • @farhadfallahi8200
    @farhadfallahi8200 Год назад

    This video helped me! Thanks, Pedro Tech ❤

  • @adeniyismart8539
    @adeniyismart8539 Год назад

    Awesome work, just what I needed

  • @walterbranco8798
    @walterbranco8798 2 года назад +1

    Valeu, Pedro. Tutorial muito bom!!

  • @mkwaliyo
    @mkwaliyo Год назад

    All I can say is thanks man. Really appreciate

  • @sandyGamer97
    @sandyGamer97 2 года назад

    Awesome Pedro , loved ur content

  • @RonyEfendy
    @RonyEfendy 2 года назад +1

    Good One, Pedro! Next, please explain about string parameters using useSearchParams.

  • @kaisasa3164
    @kaisasa3164 2 года назад

    you are a life saver which explains things so simple clearly and straight to the point, thank you so much! subscribed

  • @adamviktora6440
    @adamviktora6440 2 года назад

    Extremely useful. Thank you!

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

    Thank you for this concise and extremely useful video!

  • @istvankisgyorgy7187
    @istvankisgyorgy7187 Год назад

    Great explanation, Pedro, thanks a lot!

  • @SquareRoot_
    @SquareRoot_ 2 года назад

    Thank you for the quick refresher.

  • @13RedbloodeD13
    @13RedbloodeD13 Год назад

    Amazing video and really up-to-date
    Thanks mate!

  • @jvandco30
    @jvandco30 2 года назад +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.

  • @shantanulokhande1792
    @shantanulokhande1792 2 года назад

    Absolutely loved the video. thanks !!!!

  • @jamesonvparker
    @jamesonvparker 2 года назад

    Perfect video at the perfect time. New Subscriber and I love your channel!

  • @sebastianonofrei8180
    @sebastianonofrei8180 2 года назад

    Thank you very much Pedro ! This helped me a lot .

  • @divyanshsao3846
    @divyanshsao3846 Год назад

    Man You are a life saver. This video was so full of information Thankyou so Much for this

  • @layagodfrey2768
    @layagodfrey2768 2 года назад

    Thanks to Pedro.You have cleared my mind about routes.

  • @PatrickAmornlertpanit
    @PatrickAmornlertpanit 2 года назад +1

    Really appreciated for the tutorial! 🙏🏻

  • @wisdom6739
    @wisdom6739 Год назад

    Hello PedroooooO very good work ! You have all my respect, your tutorial is a real tutorial, so I subscribe right away !

  • @noelpadavan5674
    @noelpadavan5674 2 года назад +3

    This man stays reading my mind, just when I need this. Thank you!

  • @adrianemmanuelfazmercado5985
    @adrianemmanuelfazmercado5985 2 года назад

    Thank you so much! This is exactly what I needed

  • @ThColinPereira
    @ThColinPereira 2 года назад +2

    This is a really good tutorial. Thanks, Pedro!

  • @Kris-to7vh
    @Kris-to7vh 2 года назад

    wow thank you for real! this is incredibly clear and concise

  • @Fantino502
    @Fantino502 Год назад

    Quite a good video mate! Thank you