React Router 6 Tutorial #4 - Nested Routes

  Рет қаралды 38,666

Net Ninja

Net Ninja

Күн бұрын

Пікірлер: 59
@adao5308
@adao5308 3 жыл бұрын
I don't know how I'm only discovering you but thank you so much. I think you may have just become my favorite programming channel. Spent all day yesterday and today on your js playlist and I shall be returning frequently. Just wanted to drop by and tell you that you're an amazing teacher. 🙏
@akindipejohn2595
@akindipejohn2595 2 жыл бұрын
Nothing beats a concise straight-to-the point manner of approach to teaching. Definitely recommend this channel to anyone looking to understand rather than memorize blocks of code.
@lovenangelo5415
@lovenangelo5415 2 жыл бұрын
everytime I finish one of your series, I feel more confident
@zainabedin9842
@zainabedin9842 2 жыл бұрын
Man, I was stuck on this for hours and the docs were pretty ambiguous. Your video helped a lot. Thank you so much.
@binhbietboi
@binhbietboi 2 жыл бұрын
Concise, exactly, fast. I only have one word for you. Perfect!
@EnesKab
@EnesKab 2 жыл бұрын
Thank you so much Shaun. These follow up tutorials are so useful.
@przemysawpogorzelec4901
@przemysawpogorzelec4901 3 жыл бұрын
Is it possible to allow path /about, /about/offers but not other routes like /about/hello?
@pancho110193
@pancho110193 2 жыл бұрын
You probably already got your answer but for any new users with the same question. You can add a sibling route to your nested routes with path="*" and an element prop with a redirect component or maybe a bit of jsx with a custom message.
@clintronious
@clintronious 2 жыл бұрын
Thanks!
@NetNinja
@NetNinja 2 жыл бұрын
No problem! Thanks for the support seephoe :)
@olorundareagnes934
@olorundareagnes934 3 жыл бұрын
Shaun at it again! Well done bro. I've gained so much values from your contents. Many blessings!
@samuelvalentine7846
@samuelvalentine7846 2 жыл бұрын
Thanks for saving me my job. You have always been coming through for me for years
@johanndaveldebeer9532
@johanndaveldebeer9532 Жыл бұрын
This tutorial saved me so much time, i just have a question, how do you keep the page from poping to the top if you click the nested link, ive spent a day trying everything google has to offer.
@Ga2-20
@Ga2-20 3 жыл бұрын
What about Outlet component ? :)
@ridl27
@ridl27 3 жыл бұрын
😢
@VirenderSingh-ed4xk
@VirenderSingh-ed4xk 2 жыл бұрын
How can I hide navigation bar for some particular components like login or register, please make a video on it
@WanKy182
@WanKy182 3 жыл бұрын
Would be nice if you add some information about index routes and outlets
@Faks_Ar
@Faks_Ar 2 жыл бұрын
I like those new changes, much more cleaner imo
@agredo0o388
@agredo0o388 3 жыл бұрын
Awesome!! Will you make a video about private routes?
@bodhiforest401
@bodhiforest401 2 жыл бұрын
brilliant channel you explain things so well thank you!
@NetNinja
@NetNinja 2 жыл бұрын
You're very welcome! :)
@tmagrit
@tmagrit 2 жыл бұрын
Pretty sharp and useful. thx dude!!! 👾
@varunbarala966
@varunbarala966 2 жыл бұрын
Thank you for making this tutorial it was really helpful. Can you make a video for Navigation for navigating inside a class components with router v6. Since, reacts hooks doesn't work in class components
@hurleywflow2227
@hurleywflow2227 3 жыл бұрын
Hi Shaun. Can you make series about Rxjs with React. That is my challenge but I can not figure out to absorb Rxjs library. Thanks 🙏🏼
@onethingidontknowy
@onethingidontknowy 2 жыл бұрын
React Router 6 is great..Thank you Shaun
@justttn
@justttn 2 жыл бұрын
Thanks soooo much for this 🔥
@mhanifrifqi
@mhanifrifqi 2 жыл бұрын
Thank you So much its really helpful, im from indonesia 😁
@thepedrin2683
@thepedrin2683 2 жыл бұрын
Thank you, works!
@saurabhdaswant7833
@saurabhdaswant7833 2 жыл бұрын
damn thanks again you saved my entire day!
@borboliqtv6728
@borboliqtv6728 2 жыл бұрын
Thank you very much. It really benifit me.
@juk-kun
@juk-kun 3 жыл бұрын
Love your content ❣️ I'm still waiting for Angular Content update.
@caglarkarahuseyin
@caglarkarahuseyin 2 жыл бұрын
That is amazing, very impressive. Thank you sir.
@NoImgPng
@NoImgPng 3 жыл бұрын
are you continuing this series?
@ashish_prajapati_tr
@ashish_prajapati_tr 3 жыл бұрын
helping you to break KZbin algorithm
@mohamed_younes77
@mohamed_younes77 Жыл бұрын
i was stuck for hou and half thx man
@ChandanKumar-of1je
@ChandanKumar-of1je 2 жыл бұрын
Hope a kubernetes series soon next or later..
@sketchyourlife1823
@sketchyourlife1823 Жыл бұрын
Great ! thank you !
@NetNinja
@NetNinja Жыл бұрын
You're very welcome Pablo! :)
@yakupalks8132
@yakupalks8132 2 жыл бұрын
you're so great, thank's a lot :))
@NetNinja
@NetNinja 2 жыл бұрын
You're very welcome!
@davorjovanovic7174
@davorjovanovic7174 2 жыл бұрын
This way of nesting routes is not really ideal. Based on react router documentation and tutorials, we should use component in parent, as well as index route with element. That way we would have much better control without using "*". Great tutorials and introduction to v6 tho, much appreciated.
@tpebbles
@tpebbles 3 жыл бұрын
Thank You!!
@Nghingothanh
@Nghingothanh Жыл бұрын
Perfect bro
@SanthoshkumarNagulanchi
@SanthoshkumarNagulanchi 2 жыл бұрын
Its resembles expressjs routing now..
@ridl27
@ridl27 3 жыл бұрын
ty
@Pareshbpatel
@Pareshbpatel 2 жыл бұрын
Great Tutorial on React Router 6 - Thanks, Shaun {2022-06-07}
@ramikhouja
@ramikhouja 2 жыл бұрын
I can't thank you enough
@primordialmind
@primordialmind 2 жыл бұрын
Thank you. :)
@NetNinja
@NetNinja 2 жыл бұрын
You're welcome! :)
@TheUltimateChamps
@TheUltimateChamps 2 жыл бұрын
I have a scenario where I have two navigation bars 1. First one has 4 buttons which should display the second nav bar below with two options and route should change. 2. For example if I click insert button in second nav bar it should display /home/insert and if I click display it should show /home/display. Instead it shows /home/insert/display Note: I have used useLocation() to get the exact path because I can't create different nav bars for every button Requesting everyone to help me on this. 🙂
@zackOverflow
@zackOverflow 3 жыл бұрын
Awesome!!
@DanielGarcia-cw1zs
@DanielGarcia-cw1zs 2 жыл бұрын
FH???
@riteshbalayan8514
@riteshbalayan8514 8 ай бұрын
love you
@NetNinja
@NetNinja 8 ай бұрын
@elil_
@elil_ 2 жыл бұрын
Thx!!!!!!!!!!!!!!!!!!!!!!!!!!!
@Flo-lq3gq
@Flo-lq3gq 3 жыл бұрын
Still confused, but on a higher level!
@the360man7
@the360man7 3 жыл бұрын
First comment!
@javohirmurodov4670
@javohirmurodov4670 2 жыл бұрын
Awesome!!!
React Router 6 Tutorial #1 - Intro & Starter Project
14:20
Net Ninja
Рет қаралды 54 М.
React Router - Complete Tutorial
23:53
Cosden Solutions
Рет қаралды 163 М.
БОЙКАЛАР| bayGUYS | 27 шығарылым
28:49
bayGUYS
Рет қаралды 1,1 МЛН
🎈🎈🎈😲 #tiktok #shorts
0:28
Byungari 병아리언니
Рет қаралды 4,5 МЛН
Why Signals Are Better Than React Hooks
16:30
Web Dev Simplified
Рет қаралды 498 М.
React Router in Depth #4 - Nested Routes & Layouts
11:22
Net Ninja
Рет қаралды 79 М.
How To Build Feature Flags Like A Senior Dev In 20 Minutes
20:33
Web Dev Simplified
Рет қаралды 117 М.
React Router Tutorial - 8 - Nested Routes
10:38
Codevolution
Рет қаралды 86 М.
Escape Tutorial Hell & Utilize Them In A Better Way
12:20
Traversy Media
Рет қаралды 222 М.
Full React Tutorial #21 - The React Router
8:22
Net Ninja
Рет қаралды 537 М.
All useEffect Mistakes Every Junior React Developer Makes
22:23
The Biggest Mistake Intermediate React Developers Make
18:32
Cosden Solutions
Рет қаралды 50 М.
The New Way To Create Protected Routes With React Router V6
9:19