React Router Tutorial - 8 - Nested Routes

แชร์
ฝัง
  • เผยแพร่เมื่อ 14 ต.ค. 2024
  • 📘 Courses - learn.codevolu...
    💖 Support UPI - support.codevo...
    💖 Support PayPal - www.paypal.me/...
    💾 Github - github.com/gop...
    ⚡️ Checkout Taskade! www.taskade.com/
    To upgrade any workspace, login and visit www.taskade.co...
    Use coupon code: CodevolutionTH-cam for any workspace upgrade. Select "Add promo code" on checkout, enter the code, then hit "Apply". This will apply a 100% one year subscription discount. Enjoy and feel free to invite others to your workspace!
    📱 Follow Codevolution
    Twitter - / codevolutionweb
    Facebook - / codevolutionweb
    📫 Business - codevolution.business@gmail.com
    Nested Routes in React Router
    React Router Tutorial
    React Router Tutorial for Beginners

ความคิดเห็น • 52

  • @plant9005
    @plant9005 2 ปีที่แล้ว +16

    You are the best programming teacher on youtube. I really appreciate the pace you go at as it allows the viewer to code alongside instead of having to pause every few seconds to follow along. Thank you for providing such valuable content for free

  • @sandhyauiux4789
    @sandhyauiux4789 2 ปีที่แล้ว +3

    I was searching for this tutorial in TH-cam from many days. Finally found the best teacher. You have explained everything meticulously. Thank you so much. Please keep up the good work. God bless You.

  • @harkiratsingh6262
    @harkiratsingh6262 2 ปีที่แล้ว +10

    This course is better than paid courses on udemy

  • @BroodyPantStories
    @BroodyPantStories 2 ปีที่แล้ว +10

    we can user routes in the rendering page itself too, and it makes passing down props very easy.
    in app add [ * is a must ]
    and in products page add

    • @ridl27
      @ridl27 2 ปีที่แล้ว +3

      in big projects its much better to keep all routes in one place. anyway, passing down props its not a problem at all.

    • @ionitaa
      @ionitaa 2 ปีที่แล้ว +1

      Back 2 or 3 versions ago this is how you'd build nested routes. I see it's a new "Outlet" component these days...
      The react-router package is pretty much a clown fiesta.

    • @ridl27
      @ridl27 2 ปีที่แล้ว

      @@ionitaa Андюха не гони, какая кловн фиеста))

    • @BryantDev
      @BryantDev 2 ปีที่แล้ว

      Hmm, i need to pass a setter function (from a state) to a component and doesn't look good idea make it for the url, do you thinks this is good idea do it like this?

    • @BryantDev
      @BryantDev 2 ปีที่แล้ว

      @@ionitaa how do you could pass a state setter for example, that's work when the components doesn't have to handle a state from a fathers component I think 🤔

  • @kmgurumurthaiah1196
    @kmgurumurthaiah1196 2 ปีที่แล้ว +3

    Simple , Smart explanation ,, one of the best series understand React Router , God bless you!!
    🙏thank you sir

  • @urieldahan8240
    @urieldahan8240 ปีที่แล้ว

    Hey, I just want to say that I lost my way in the react routes, and you helped me, with your short, but informative videos, thank you for that!

  • @raj_gohil07
    @raj_gohil07 ปีที่แล้ว +1

    Thanks for providing these fantastic videos; they really help newcomers to the react to understand things faster by explaining a complicated task with a very basic but excellent example and covering everything very smoothly.

  • @sahar6154
    @sahar6154 9 หลายเดือนก่อน

    finally find out what outlet is. Thank you so much for the great explanation.

  • @KashifHussain-c8r
    @KashifHussain-c8r 3 หลายเดือนก่อน

    sir believe me or not but on my job i am struggling with the exact same scenario problem and you are the best 🎯

  • @viniciusm.m.7822
    @viniciusm.m.7822 2 ปีที่แล้ว +5

    É muito fácil entender a sua explicação!
    Thanks, man!
    God bless you!

  • @lulusaikou221
    @lulusaikou221 2 ปีที่แล้ว +2

    It's easy to understand ! Helpful ! Thank you very much!

  • @lianosh_hamalka
    @lianosh_hamalka 7 หลายเดือนก่อน

    you just saved my life man thank you so much

  • @keeplearning5647
    @keeplearning5647 ปีที่แล้ว +1

    the used in the parent element to render their child routes element

  • @TheMindsMantra
    @TheMindsMantra 2 ปีที่แล้ว

    You're the best teacher, excellent explanation.

  • @axelmund9644
    @axelmund9644 10 หลายเดือนก่อน

    You rescued me. Thank you for your explanations!

  • @sagarkumar4816
    @sagarkumar4816 2 ปีที่แล้ว +2

    the outlet concept was not clear to me .. thanks sir for explaining in the simplest way :)

  • @som3ah0
    @som3ah0 5 หลายเดือนก่อน

    wow very very nice explanation ... thank you very much

  • @alokranjan476
    @alokranjan476 ปีที่แล้ว

    This is very informative.
    Please keep bringing such great content.

  • @DoUSuggon
    @DoUSuggon 2 หลายเดือนก่อน

    Explanation is exact pinpoint.Thanks for making these wonderful tuts for free. Does anyone here knows what the fonts name used here and the theme?

  • @UnplannedGuyVlogs
    @UnplannedGuyVlogs 2 ปีที่แล้ว +2

    Hii vishwas really enjoying your video.can u make a video on interceptors and auth login.
    Plzz 🙏

  • @adeyemisurajadekunle5261
    @adeyemisurajadekunle5261 2 ปีที่แล้ว

    Thanks for this tutorial sir, You are a life saver.

  • @fakhreddinefarik-lw1ey
    @fakhreddinefarik-lw1ey ปีที่แล้ว

    I support your Channel

  • @revivecoding
    @revivecoding ปีที่แล้ว

    You are best sir

  • @pracco
    @pracco 2 ปีที่แล้ว

    Very good! Thanks, bro.

  • @alif_hasan_shah
    @alif_hasan_shah 2 ปีที่แล้ว

    Thank you very much.

  • @velioona9835
    @velioona9835 ปีที่แล้ว

    thanks a lot man :D

  • @tallitvak5325
    @tallitvak5325 ปีที่แล้ว

    King Of Kings

  • @statusonly558
    @statusonly558 ปีที่แล้ว

    I have one question please answer it. You said that within the products page we have to render the feature and new but what if i do not want to render it inside the products page but for feature and new i have route /products/new or featured but they will not render im products how this can be done

  • @srivardhan5485
    @srivardhan5485 7 หลายเดือนก่อน

    But how can we do that when we click on featured it should open in new page or new , here outlet is not necessary right ?

  • @nicx_ola
    @nicx_ola 2 ปีที่แล้ว

    Please what if you want one of the nested component to show up immediately the parent loads up

  • @AyaanKhan-iy4vh
    @AyaanKhan-iy4vh 9 หลายเดือนก่อน

    why do we need OUTLET component??? i didn't understand.....what will happen if we dont do that?

  • @kamruzzaman6252
    @kamruzzaman6252 2 ปีที่แล้ว

    Thanks A lot Boss🥰

  • @nguyenthien107
    @nguyenthien107 ปีที่แล้ว

    Amazing ❤❤❤❤

  • @hellolearning5775
    @hellolearning5775 2 ปีที่แล้ว

    Can we use nested routiing and react scroll combine?
    Because i am using nested routiing in react scroll but its not working

  • @alik64
    @alik64 2 ปีที่แล้ว

    Реакт самураи - вперед! :D

  • @aburaihan-py4vi
    @aburaihan-py4vi 2 ปีที่แล้ว

    super!

  • @AbhishekJain-mj1sc
    @AbhishekJain-mj1sc ปีที่แล้ว

    How we can set a default nested route ?

  • @roshanprabath6224
    @roshanprabath6224 2 ปีที่แล้ว

    While Im using nested methd url is changed but data dosent see in products page

  • @ChaitanyaRepakula
    @ChaitanyaRepakula ปีที่แล้ว

    where is the source code for the example in the videos of react router tutorial

  • @harimeesala4084
    @harimeesala4084 9 หลายเดือนก่อน

    Can anyone briefly explain about why he using outlet ?

    • @kar_eem_55
      @kar_eem_55 3 หลายเดือนก่อน

      To show text

  • @jayashriborse8783
    @jayashriborse8783 2 ปีที่แล้ว

    Cool !

  • @damon2651
    @damon2651 2 ปีที่แล้ว +1

    finally!!!

  • @AyaanKhan-iy4vh
    @AyaanKhan-iy4vh 9 หลายเดือนก่อน

    why do we need OUTLET component i didn't understand......what will happen if we don't do that?