Тёмный
No video :(

Nested Routes Tutorial - React Router Dom V6 

PedroTech
Подписаться 210 тыс.
Просмотров 105 тыс.
50% 1

In this video I go over how to implement nested routes in React Router Version 6.
Code: github.com/mac...
🚀 Learn ReactJS By Building 6 Projects: codedamn.com/l...
🐙 GraphQL Course: codedamn.com/l...
Social
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
Website: machadopedro.com
Linkedin: / machadop1407
Instagram: / _pedro.machado_
Github: github.com/mac...
Business Email: pedro@pedrotech.co
Tags:
- ReactJS Tutorial
- ReactJS and MySQL
- NodeJS Tutorial
- API Tutorial
#reactjs #coding #nestedroutes #reactrouter

Опубликовано:

 

21 авг 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 117   
@victorekea
@victorekea 2 года назад
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 🙌🏾🙌🏾
@user-nk9fx6zn2l
@user-nk9fx6zn2l 2 года назад
Excellent, short and straight to the point video showcasing a few important properties of the v6 version of 'react-router-dom@6'. Thanks!
@badlegend9443
@badlegend9443 2 года назад
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.
@iafofkhadze4628
@iafofkhadze4628 2 года назад
Best nested Routes tutorial so far.
@chuckallen8378
@chuckallen8378 11 дней назад
Thank you for a concise tutorial on this topic. Much appreciated.
@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
@christiannaira6076
@christiannaira6076 5 месяцев назад
I was able to understand react-router because of this video! Thanks!
@thekiwidev
@thekiwidev Год назад
I've been looookiing for this the whole day, even stack overflow lost me, many thanks bro, keep up the good work.
@ProwlerDigital
@ProwlerDigital 2 года назад
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
@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!!
@user-it1vd2pz1i
@user-it1vd2pz1i 8 месяцев назад
Simple, On point, No wasting time, Nice Tutorial 💯
@skyhs0168
@skyhs0168 2 года назад
You are my favorite instructor
@PedroTechnologies
@PedroTechnologies 2 года назад
Thank you :)
@noobtube5555
@noobtube5555 4 месяца назад
Win for the outlet which I missed when nesting, thanks mate
@Patinhow100
@Patinhow100 3 месяца назад
Valeu, Pedrão. Toda vez qeu venho no teu canal eu saio com problema resolvido. Abraço e sucesso, irmão.
@vivekpaliwar7217
@vivekpaliwar7217 2 года назад
At 5:25 that's what I needed . Thx Pedro
@chetanhanda
@chetanhanda 2 года назад
Good summary of the V6 router DOM changes
@PedroTechnologies
@PedroTechnologies 2 года назад
Thank you so much for the support :)
@arzooqadri8805
@arzooqadri8805 Год назад
Your page has answer to my all questions 😭😭😭😭
@DrMorax
@DrMorax 8 месяцев назад
The exact information I was looking for, thank you!
@openmind496
@openmind496 Год назад
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
@GarfieLD-Mami
@GarfieLD-Mami Год назад
Perfect english bro I understand everything thank you so much.
@dshl21
@dshl21 10 месяцев назад
Exactly what i was lookin for
@lanutriafeliz
@lanutriafeliz Год назад
Love this video, straight to the point and every single thing explained, really nice work.
@009freestyler
@009freestyler 2 года назад
Precise to the point always. Glad that I found you!
@faris.abuali
@faris.abuali 2 года назад
Thanks Pedro!
@andresvargas8562
@andresvargas8562 Год назад
Thanks man, appreciate all the people who takes their time to explain to others
@matthewtang6806
@matthewtang6806 11 месяцев назад
Straight to the point! Nice tutorial Pedro!
@kajolghoshkkg5512
@kajolghoshkkg5512 2 года назад
Thanks a lot for creating this as soon as possible... really appreciate it..
@PedroTechnologies
@PedroTechnologies 2 года назад
My pleasure 😊
@FalloutMan493
@FalloutMan493 Год назад
Thank you man, I was having trouble finding a good example elsewhere
@fahimmadani9715
@fahimmadani9715 2 года назад
Dude this was extremely helpful! Will watch rest of the tutorials. ThankYou
@ajmalsharar3156
@ajmalsharar3156 2 года назад
Everything works, I highly recommend it
@gabrielvega415
@gabrielvega415 10 месяцев назад
this video was a saver. thanks pedro!
@HafeedElbekkaoui
@HafeedElbekkaoui Год назад
Great simple tutorial, thank you Pedro!
@webhero9091
@webhero9091 2 года назад
Outstanding bro,go ahead
@KondzioTVstudio
@KondzioTVstudio Год назад
Great video petro.
@onepunchvideos134
@onepunchvideos134 Год назад
Omg this helped me so much! 🙌
@samyogdhital
@samyogdhital 2 года назад
Amazing looking for it!
@usmanashir9666
@usmanashir9666 Месяц назад
good this is exactly what i am looking for
@sinnops
@sinnops 2 года назад
Ahh, thank you! This is exactly what I was looking for!
@samnayakawadi
@samnayakawadi 2 года назад
Thanks. Already a subscriber.
@ThColinPereira
@ThColinPereira 2 года назад
Super helpful!! Thanks Pedro
@silaho-oc
@silaho-oc 9 месяцев назад
Thank you so much, this video helps me a lot 🙏🏽
@SakosTechSpot
@SakosTechSpot 2 года назад
Exactly what I was looking for, thank you so much!!!
@obendesmond
@obendesmond 2 года назад
Thank you so much PedroTech for your help
@aliscripts5314
@aliscripts5314 2 года назад
Thank you for the tutorial can you make more firebase Tutorials ? ☺️
@softwareengineer2297
@softwareengineer2297 2 года назад
Perfect but try to build one big project
@PedroTechnologies
@PedroTechnologies 2 года назад
I have some series building big projects!
@softwareengineer2297
@softwareengineer2297 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
@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
@darpandaswani04
@darpandaswani04 Месяц назад
how to set a default route set up, like as soon I click product link my product/search should open.
@richardwilliam7030
@richardwilliam7030 2 года назад
Hi Pedro, thanks a lot Can you make a tutorial on multiple layouts with the react router
@youssefkarfouh3084
@youssefkarfouh3084 Год назад
Thanks Pedro
@oxanasf6369
@oxanasf6369 2 года назад
Thanks, it was helpful!
@sylviamaina7862
@sylviamaina7862 2 года назад
Awesome video... Could you please explain how to pass props in components within the route please?
@Chriss-cn1ch
@Chriss-cn1ch 2 года назад
Use context api
@stanislavshelemekh4970
@stanislavshelemekh4970 2 года назад
Video starts at 2:15
@damislav
@damislav 2 года назад
thank you i had some trouble with that. Really helped
@hardwired89
@hardwired89 2 года назад
most usefull libraryyy, need more realworld project
@pavaniuddeshika7306
@pavaniuddeshika7306 2 года назад
Thank you! You saved my life. Thank you very much. ❤
@h__m7551
@h__m7551 2 года назад
Thank you bro! Amazing video.
@soumyapradhan6537
@soumyapradhan6537 2 года назад
Nice teaching!!
@mtejera
@mtejera 2 года назад
Thank you so much! It was very very helpful!
@eddman_br
@eddman_br Год назад
Bro, valeu mesmo, tu acabou de me ajudar no meu TCC
@PedroTechnologies
@PedroTechnologies Год назад
Kkkkkkkk fico feliz!
@technical2explain777
@technical2explain777 3 месяца назад
Thanks for this video .
@richardwilliam7030
@richardwilliam7030 2 года назад
Can you make a tutorial on secure authentication with react and node without saving token to localstorage
@SandeepSaini-gi9ir
@SandeepSaini-gi9ir 2 года назад
I want to render only child component not parent component what can i do plz help me
@nivethan-me
@nivethan-me 2 года назад
thanks for this video it helped me a lot! 😸
@waleedsharif618
@waleedsharif618 Месяц назад
Could you make video where you teach “outlet” from react router dom ? Did not find any video about it
@jayaprakash1546
@jayaprakash1546 Год назад
Thank you for tutorial
@io1921
@io1921 2 года назад
Was using nextjs since I learned it.
@minhluudinh5522
@minhluudinh5522 2 года назад
Thank you for amazing content.
@chandrashakharkachawa7874
@chandrashakharkachawa7874 2 года назад
Thank you so much!
@shinobi_coder88
@shinobi_coder88 2 года назад
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.
@alizs10
@alizs10 2 года назад
Very helpful, Thank you
@whoIsV
@whoIsV 2 года назад
Thank you so much.
@SandeepSaini-gi9ir
@SandeepSaini-gi9ir 2 года назад
I want to render only outlet section nothing more
@abdessamade6995
@abdessamade6995 2 года назад
♥♥♥♥
@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
@danielkalfa2277
@danielkalfa2277 Год назад
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?
@salathielojage6805
@salathielojage6805 11 месяцев назад
Cool, How many times can you nest routes, could you go 2,3, 4 levels deep? Or just one?
@mesutbakhtyari
@mesutbakhtyari 2 года назад
Thank you Pedro! Can you please make a video about cookies.
@ThColinPereira
@ThColinPereira 2 года назад
great video
@CssDescomplicado
@CssDescomplicado 2 года назад
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?
@houseguest5090
@houseguest5090 2 года назад
This may seem like a silly question...but is a nested route the same thing as making a sub-directory?
@mikamanelka1326
@mikamanelka1326 Год назад
perfect
@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.
@adnanshah6471
@adnanshah6471 Год назад
sir thank you so much
@broken-gammer
@broken-gammer 5 месяцев назад
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 !!!!
@technogamingyt4690
@technogamingyt4690 7 месяцев назад
Problem comes when you want to create multiple menus like this example on product page .
@ChotuChung
@ChotuChung 10 месяцев назад
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
@kizhissery
@kizhissery Год назад
you cannot render router insider another router error for me
@Katoph
@Katoph 2 года назад
Hey Pedro, can u do a video reacting to your subscribers side projects ?
@itishprasad
@itishprasad 2 года назад
If some have routes problem please try Nextjs ,then you should forget about React router Dom
@lucasvidal32
@lucasvidal32 2 года назад
Tutorial starts at 2:24
@PeriklesPeriklesoglu
@PeriklesPeriklesoglu 10 месяцев назад
thank you
@lhrsupun
@lhrsupun Год назад
thanks bro
@cappuccinopapi3038
@cappuccinopapi3038 2 года назад
Starts at 2:28
@velchaelmendez4842
@velchaelmendez4842 Год назад
Muito bom Irmão, obrigado
@stefangriffin986
@stefangriffin986 2 года назад
try that by using useParams
@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
@sanatanShishya1521
@sanatanShishya1521 Год назад
Very nice video ... Keep growing. Subscribed!🙂
@jashanpreet832
@jashanpreet832 2 года назад
Good
@theeterowicz6495
@theeterowicz6495 4 месяца назад
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)
@adamtak3128
@adamtak3128 2 года назад
Hey Pedro, do you have a discord community?
Далее
Learn React Router v6 In 45 Minutes
46:20
Просмотров 550 тыс.
🔥НОВАЯ БАТАРЕЯ?😮
00:40
Просмотров 288 тыс.
Italians vs @BayashiTV_  SO CLOSE
00:30
Просмотров 3,9 млн
React router crash course
55:54
Просмотров 36 тыс.
Stop Using Create React App
10:22
Просмотров 336 тыс.
4 React Best Practices That Will Make You A PRO
18:12
Просмотров 145 тыс.
React Router in Depth #4 - Nested Routes & Layouts
11:22
React Router 6 Tutorial #4 - Nested Routes
11:19
Просмотров 38 тыс.
Custom Protected Route Component in React
10:58
Просмотров 41 тыс.
🔥НОВАЯ БАТАРЕЯ?😮
00:40
Просмотров 288 тыс.