React Router in Depth #4 - Nested Routes & Layouts

[@markinman6899]

Dude you are the man my guy like bro. There is hardly any documentation out there for this rn and your tutorial is very informative and you articulate your ideas well. Look forward to more of your content.

[@АлМ-ы8ъ]

@markinman6899, stop licking author`s ass please🤐

[@ChocolateCookieMusic]

This is the most helpful course on more advanced routing for people still figuring out react-router. Thank you

[@romanr5962]

Man, just wanna thank u for this tutorial on router, cuz I've tried to wrap my head around react router for quite a while, and finally with your help things start getting clear. Thanks!

[@NetNinja]

Great to hear! :)

[@mohammadumar443]

@@NetNinja There is a scenario in which I want to show a separated component for only index (help) route with component RootHelp. Problem I am facing, RootHelp component shows within HelpLayout. I do not want to show contents of HelpLayout, just RootHelp contents should appar when I move to route "/help". How can I achieve this with react router v6 ?

[@VisionRevealed]

Thank you very much my dear ninja tutor, you helped me understand so many things better than the react-router-dom documentation itself! cheers from morocco

[@NetNinja]

Glad it helped :) that's great to hear, and hi to Morocco!

[@1Randoman]

Thank you so much for explaining in the beginning. My nested routes weren't displaying past the root route, and its because I didn't have an Outlet component within that root view

[@meitoli]

Dude even ChatGpt has no idea how to use the new react-router-dom version. Thanks a lot!

[@NetNinja]

Aha, happy to help Galo!

[@JakeMarlow-p6s]

gotta be one of the best and most up to date react router tutorials. Thanks Net Ninja

[@NetNinja]

You're very welcome! :) thanks for watching

[@techinfo4623]

@@NetNinja please tell me if person wants to make two layout one for authentication and one for main layout please explain

[@ImDoingItAll]

One of the best tutorial I've had... you're amazing man!

[@NetNinja]

Wow, thanks Oumar! :)

[@stefanmasic1287]

1.000.000 thanks. You are incredible teacher!!!!!!!!

[@NetNinja]

Thanks for watching Stefan! :)

[@davidmaduabuchi1832]

Thanks fot this man, i was having seeious problems with nested routes. This saved me a whole lot of time.

[@NetNinja]

Glad it helped! :)

[@zkhan3863]

thanks bro even gpt was not even to solve my nested route query but you helped me

[@NetNinja]

happy to help! 😊

[@PM-rs4te]

Can we show the content of faq by default when you go to the help page without clicking the view faq button?

[@benelansari7228]

hi Can we learn just the new way of creating routes hence we dont focus on the old way? or we still need to use the old way too? thank you

[@shineLouisShine]

HELPful stuff indeed! Thanks a lot :)

[@NetNinja]

Glad it was helpful! :)

[@smylmrz]

How can we create different layouts and do we need a separate createBrowserRouter or RouterProvider for each layout? Could not find anything related to this :(

[@trumbaron]

How come the Lorem ipsum p-tag in help-layout appears below the h2-tag "Website help"? There is a display: flex on the help-layout class. Hmm

[@johnnyholiday1150]

Hi, Just had a problem with the CSS with my own project, it seems that the is givving me issues with the hieght of the page when adding a navbar and a footer components in the Layout component, all the Outlet components height are messed up :( I dont know how to fix it!

[@IsaacOlayinka-dh6se]

The tutorial is awesome but I have a question. I've tried other deployment platform but none seems to be working, so I resorted to github pages. My question is how do you intend to deploy using github pages if Hashrouter isn't part of the route in the video

[@thehistoryshow111]

Thanks for tutorial, could you please tell which vscode extension your're using for boilerplates, I tried but not found what I was looking thanks in advance

[@coffeeandtalk]

route path:help, the man is indirectly asking for help

[@matilha2020]

thanks a lot for the course. One question; what´s the advantage of declaring the pages components inside the App component just so you have to use component iinside ?

[@rishibakshi2004]

Thankyou so much brother❤

[@NetNinja]

No problem 😊 thanks for watching!

[@taherr1341]

You are the best. Thank you.

[@jhoncosmos937]

Assuming I want to make a dashboard component that is made to have a layout different from the root layout, how do I go about fixing that?

[@CAIOVICTORARAGAOPEREIRA]

amazing class! thank you so much

[@ishanatapattu3278]

Awesome Content!

[@tutopoints1920]

1:36 . Yes It Does Sir

[@charlodev482]

Thank you so much, you are a G!

[@floramerano6293]

Haha!! It's getting deep now. 😆

[@catreunion]

Thank you teacher 🙏🏻

[@NetNinja]

You're very welcome Isaac! :)

[@HuyLe-vv7go]

How could we make the parent route dynamic, for data such as accountID. Ex path: root/:accountId:/help

[@ana-mariaolujic6570]

Thank You Shaun :D

[@pRiNCeSsMQD]

After that, the last prophet Muhammad ﷺ starts praying to Allah ﷻ for my success and help. Then I say in my heart that "I have promised to the last prophet Muhammad ﷺ to do this job but may Allah help me! How can I do this without the help of Allah?" - Muhammad Qasim Dreams

[@radosawweidemann4944]

hi. when i type lorem10 and press tab nothing hapens also when type div.help-layout. Can I install some package for that ?

[@jameelahmed7048]

dont press tab just hit enter after lorem10

[@raisama4314]

how do you use protected routes in this new version

[@kashmirtechtv2948]

Can anyone tell why he has created a separate page for FAQ and not the component when he's showing the FAQ content on the same place???

[@johnelbasha8967]

Great tutorial! Thank you. I'm guessing that your accent is from Manchester. Perhaps Bury?

[@NetNinja]

Thanks John :) and very close! ..Salford.

[@johnelbasha8967]

@@NetNinja I was born there. Hope Hospital, which is now Salford Royal. Small world! I am now favouring your tutorials over ones I have on Udemy because you get straight to the point. You have saved me a lot of time. Thank you for your contribution.

[@abhinavchauhan8055]

Hey Net Ninja! Could you please upload the latest versions of django playlist video 14 and 15? Many people including me are stuck and constantly getting error: Reverse for 'detail' with keyword arguments '{'slug': ''}' not found. 1 pattern(s) tried: ['articles/articles/(?P[^/]+)\\Z'] Literary tried everything but still not resolved.

[@agamurat3019]

how do we create different layouts?

[@ammarbashirharuna5649]

thank your so much my hero

[@coderizer]

great tutorial

[@vmooscode9959]

amazing bro, but what if i want to use same layout across all routes and nested routes :|

[@norvusordoseclorum]

You can't actually access anything on GitHub can you include the files?

[@keldrogo175]

How would you insert the footer route on all the pages ?

[@keldrogo175]

@@internet4543 true i expressed it wrong, i meant as a layout like he did the header. Im learning..

[@keldrogo175]

@@internet4543 i see, thank you !

[@GethushanRavichandran]

Please create a Playlist about "Creating E-Commerce Website using Strapi , MongoDB, React , and Stripe"

[@maskman4821]

Hello, Shaun, can yoy release tutorials on Astro and Qwik, they are the two frontend frameworks claimed rendering page the fastest because no javacsript loaded initialy which is impressive, I think your audiences want to know and learn about these two rising stars, hopefully you take it into consideration 🙏

[@mohamedyoussef8835]

Awesome video +++++++++++ 😀

[@칩칩이]

5:42

[@amershboul9107]

Great!

[@NetNinja]

Thanks Amer!

[@salahaldinedouard5299]

Please Do remix.js next no pun

[@newgem278]

Can I be your person assistant netninja, please am learning from you

[@ratanlambha2602]

Sure why not

[@ajaykmr8684]

Sure why not

[@newgem278]

@netninja am damn serious i could send you my resume

[@KastilIslam]

The beginning of World War 3 signifies that Qiyamat (The Day of Judgement) is very near. And there isn’t much time left at all, as some people have claimed that these events are very far away.” Someone asks me, how many people will die in these wars? Then I respond back; "from the perspective of Ghazwa E Hind and ww3 that almost 1 billion people will die in this war. In the war against Dajjal, many more people will perish. About 2 or 2.5 billion people will die and most of them will be Muslims.” 🌟Please find more about these important dreams of Muhammad Qasim. We are the last generation of this world.

[@michalnowak2181]

thx

[@JohnDoe-ty6sv]

When is the php course coming?