Nested Routes Tutorial - React Router Dom V6

Поделиться
HTML-код
  • Опубликовано: 14 дек 2024

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

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

    Good summary of the V6 router DOM changes

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

    Best nested Routes tutorial so far.

  • @rakeshshah5783
    @rakeshshah5783 2 месяца назад

    Wow.. you make my life easier, Earlier I was thinking Nested routing is very difficult But after watching your video I proudly can say - Nested routing is so simple. Thank You So Much

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

    I just watched your react-router v6 update video and it is incredible. This was exactly what I was looking for. Nested routes!!!! Thank you so much, Pedro 🙌🏾🙌🏾

  • @christiannaira6076
    @christiannaira6076 9 месяцев назад +1

    I was able to understand react-router because of this video! Thanks!

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

    Excellent, short and straight to the point video showcasing a few important properties of the v6 version of 'react-router-dom@6'. Thanks!

  • @Md.TasnimAlamRumman
    @Md.TasnimAlamRumman Год назад

    Simple, On point, No wasting time, Nice Tutorial 💯

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

    I was facing an incident today related to how to print the children of a route, thanks a lot for sharing the video, have a good day!!

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

    The exact information I was looking for, thank you!

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

    You are my favorite instructor

  • @GarfieLD-Mami
    @GarfieLD-Mami Год назад

    Perfect english bro I understand everything thank you so much.

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

    Valeu, Pedrão.
    Toda vez qeu venho no teu canal eu saio com problema resolvido.
    Abraço e sucesso, irmão.

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

    I've been looookiing for this the whole day, even stack overflow lost me,
    many thanks bro, keep up the good work.

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

    At 5:25 that's what I needed . Thx Pedro

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

    Your page has answer to my all questions 😭😭😭😭

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

    Thank you for a concise tutorial on this topic. Much appreciated.

  • @Matthew-thl-travel
    @Matthew-thl-travel Год назад

    Straight to the point! Nice tutorial Pedro!

  • @badlegend9443
    @badlegend9443 3 года назад +11

    Cool video. Very clean, clear and useful. For ideas : Protected routes with a authenticated and authorized user redirect. Admin vs user vs not logged in using Firebase. Multiple page layouts combining pages with and without bottom tab navigation.

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

    Your videos are too good. From clearing the basics, to all the problems beginners like me face you have a video related to it. Thank you so much

  • @noobtube5555
    @noobtube5555 8 месяцев назад

    Win for the outlet which I missed when nesting, thanks mate

  • @009freestyler
    @009freestyler 2 года назад

    Precise to the point always. Glad that I found you!

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

    Thank you man, I was having trouble finding a good example elsewhere

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

    Exactly what i was lookin for

  • @faris.abuali
    @faris.abuali 2 года назад +1

    Thanks Pedro!

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

    Such a great way of delivering lecture, you really make easy route topic before you I search many other videos and all youtubers videos are 30 minutes or more then 30 minutes but you take very short time and deliver lecture withe easy method. Thank You Sir, Love from PAKISTAN

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

    Thanks man, appreciate all the people who takes their time to explain to others

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

    Thanks a lot for creating this as soon as possible... really appreciate it..

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

    Love this video, straight to the point and every single thing explained, really nice work.

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

    Great simple tutorial, thank you Pedro!

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

    this video was a saver. thanks pedro!

  • @upcoming_Engineer_
    @upcoming_Engineer_ 2 месяца назад

    Thank you for such a nice explanation.

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

    Dude this was extremely helpful! Will watch rest of the tutorials. ThankYou

  • @ProwlerDigital
    @ProwlerDigital 3 года назад +1

    Hey Pedro! Thanks for making this. I actually was just looking up how to give products their own specific page last night! Perfect timing. Love the vids, thank you

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

    Ahh, thank you! This is exactly what I was looking for!

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

    Thank you so much PedroTech for your help

  • @silaho-oc
    @silaho-oc Год назад

    Thank you so much, this video helps me a lot 🙏🏽

  • @usmanashir9666
    @usmanashir9666 5 месяцев назад

    good this is exactly what i am looking for

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

    Everything works, I highly recommend it

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

    Omg this helped me so much! 🙌

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

    Exactly what I was looking for, thank you so much!!!

  • @hardwired66
    @hardwired66 3 года назад

    most usefull libraryyy, need more realworld project

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

    Thanks. Already a subscriber.

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

    Thank you bro! Amazing video.

  • @GOWTHAMANK-y5w
    @GOWTHAMANK-y5w 3 месяца назад

    in react-router-dom super

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

    thank you i had some trouble with that. Really helped

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

    Outstanding bro,go ahead

  • @SandeepSaini-gi9ir
    @SandeepSaini-gi9ir 2 года назад +1

    I want to render only child component not parent component what can i do plz help me

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

    Super helpful!! Thanks Pedro

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

    Thank you! You saved my life. Thank you very much. ❤

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

    Video starts at 2:15

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

    Thank you so much! It was very very helpful!

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

    Great video petro.

  • @nivethan-me
    @nivethan-me 2 года назад

    thanks for this video it helped me a lot! 😸

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

    Bro, valeu mesmo, tu acabou de me ajudar no meu TCC

  • @sylviamaina7862
    @sylviamaina7862 3 года назад +1

    Awesome video...
    Could you please explain how to pass props in components within the route please?

  • @richardwilliam7030
    @richardwilliam7030 3 года назад +1

    Hi Pedro, thanks a lot
    Can you make a tutorial on multiple layouts with the react router

  • @io1921
    @io1921 3 года назад

    Was using nextjs since I learned it.

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

    Thank you for the tutorial can you make more firebase Tutorials ? ☺️

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

    Amazing looking for it!

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

    please how can I hide the navbar in a particular nested route if I want to, for example, I don't want the general navbar to show on the nested products pages routes

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

    Thanks, it was helpful!

  • @darpandaswani04
    @darpandaswani04 5 месяцев назад +1

    how to set a default route set up, like as soon I click product link my product/search should open.

  • @waleedsharif618
    @waleedsharif618 5 месяцев назад

    Could you make video where you teach “outlet” from react router dom ? Did not find any video about it

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

    Cool, How many times can you nest routes, could you go 2,3, 4 levels deep? Or just one?

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

    thanks ,really i need this ,i was searching nested routing in google they show another result ,i want how to replace page , i found in your video

  • @mesutbakhtyari
    @mesutbakhtyari 3 года назад

    Thank you Pedro! Can you please make a video about cookies.

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

    Tutorial starts at 2:24

  • @richardwilliam7030
    @richardwilliam7030 3 года назад +1

    Can you make a tutorial on secure authentication with react and node without saving token to localstorage

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

    Thank you for amazing content.

  • @SandeepSaini-gi9ir
    @SandeepSaini-gi9ir 2 года назад +2

    I want to render only outlet section nothing more

  • @CssDescomplicado
    @CssDescomplicado 3 года назад

    Nice video Pedro. Now! It seems like when you click in products in your navbar you're taken to "/products/search" immediately but you didn't Redirect/Navigate. I was looking for something related to this. I am trying to redirect using "Navigate" from react-router-dom but I get this error: "Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render." Could you help me?

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

    Nice teaching!!

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

    Very helpful, Thank you

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

    Hey Pedro, can u do a video reacting to your subscribers side projects ?

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

    Very nice video ...
    Keep growing.
    Subscribed!🙂

  • @itishprasad
    @itishprasad 3 года назад

    If some have routes problem please try Nextjs ,then you should forget about React router Dom

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

    Thanks a lot buddy, saved my evening :)
    Why documentation feature overview page has nested object article but doesn't mention about Outlet tag.
    P.S. Hm, that outlet tag reminds me an Angular

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

    Thanks for this video .

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

    Thanks Pedro

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

    Starts at 2:28

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

    Thank you for tutorial

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

    I’m trying to implement this and its working perfectly except i want the parent component to not re-render every time I’m routing, there is a way to do that?

  • @shinobi_coder88
    @shinobi_coder88 3 года назад

    Thanks for your amazing Ideas from most of your courses. What about making videos about Firebase Cloud Function and Passwordless Sign In? As these parts are slightly intimidating for many of us haha.

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

    Thank you so much!

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

    Hi please do a tree view(for file structure/branch sub branch) react component using a Jason object with level n number of nesting and, able to search filter data and with checkbox

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

    This may seem like a silly question...but is a nested route the same thing as making a sub-directory?

  • @softwareengineer2297
    @softwareengineer2297 3 года назад +5

    Perfect but try to build one big project

    • @PedroTechnologies
      @PedroTechnologies  3 года назад +1

      I have some series building big projects!

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

      @@PedroTechnologies no i mean u should build clone of big app. And upload it with small parts. For example .first part will be what we are building. Then routers then creating redux and etc

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

    Thank you so much.

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

    Thanks for this video, but my problem is nobody has a good video for wrapping multiple menu items inside of each other, most admin templates are not as simple as the tutorials seen and must include content with divs to change. With react route there doesn't seem to be a good way to do this. For example, a top nav and a side nav where the center content is wrapped within an element contained in the side nav.

  • @adamtak3128
    @adamtak3128 3 года назад

    Hey Pedro, do you have a discord community?

  • @broken-gammer
    @broken-gammer 9 месяцев назад

    how to do you see a search bar with even clicking on seach in my case i have to click the button to show data i want my data to be shown already just like your search bar !!!!

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

    sir thank you so much

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

    great video

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

    thanks bro

  • @technogamingyt4690
    @technogamingyt4690 11 месяцев назад

    Problem comes when you want to create multiple menus like this example on product page .

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

    thank you

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

    you cannot render router insider another router error for me

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

    Muito bom Irmão, obrigado

  • @theeterowicz6495
    @theeterowicz6495 8 месяцев назад

    It is possible to know you're brazilian just by the voice, don't know why 😂(and I'm not talking about pronunciation or accent)

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

    Hey. Lets make data grid with reactjs