Nested Routes (Outlet component) Using React Router.

  Рет қаралды 11,883

Rajat Gupta

Rajat Gupta

Күн бұрын

React Router provides the feature to implement nested routing. To implement the same one has to do only 2 things:
1. wrap the child routes in parent route.
2. Import and use the "Outlet" component.
Github link of code: github.com/the...

Пікірлер: 54
@IndianGermanDiaries
@IndianGermanDiaries Жыл бұрын
Bro really great tutorial !!! Literally was going through some docs and didn't understood shit came here and boom !! Thanks once again :)
@rajatgupta001
@rajatgupta001 Жыл бұрын
Thanks for watching bro!
@syedmarufali1612
@syedmarufali1612 Жыл бұрын
Damn! Bro that's was very good explanation, It was short, simple and easy to understand. Hope u keep making videos like this ♥
@rajatgupta001
@rajatgupta001 Жыл бұрын
Glad you liked it man!
@lemuellaokon8181
@lemuellaokon8181 Жыл бұрын
I really do appreciate how you made this very easy to understand, thank you so much. you just got a new follower
@rajatgupta001
@rajatgupta001 Жыл бұрын
Thanks for watching Lemuella
@aamirsarfaraz3004
@aamirsarfaraz3004 Жыл бұрын
Well explained, I was stuck and resolve this issue by your video.
@rajatgupta001
@rajatgupta001 Жыл бұрын
Thanks for watching Aamir
@mranshu9263
@mranshu9263 Жыл бұрын
Amazing video, helped me a lot. ❤
@rajatgupta001
@rajatgupta001 Жыл бұрын
glad it helped!
@dorianc3303
@dorianc3303 2 жыл бұрын
very helpful! now i understand this shit :)
@rajatgupta001
@rajatgupta001 2 жыл бұрын
Thanks for watching
@brainyteaser8531
@brainyteaser8531 Жыл бұрын
It helped lot bro. I was facing the similar problem as a new bee to the react. I got the solution. I appreciate your efforts. Thanks.
@rajatgupta001
@rajatgupta001 Жыл бұрын
Glad it helped!
@onlinebiz4179
@onlinebiz4179 Жыл бұрын
This is exactly what i needed, thank you so much!
@rajatgupta001
@rajatgupta001 Жыл бұрын
Thanks for watching
@manishwagale759
@manishwagale759 Жыл бұрын
Great work rajat helped a lot! Keep going Thanks a lot.
@rajatgupta001
@rajatgupta001 Жыл бұрын
Thanks for watching man!
@adeshinasmart
@adeshinasmart Жыл бұрын
Thank you brother…God bless you 🤲
@chiragtaluja8789
@chiragtaluja8789 Жыл бұрын
Thankyou for such crystal clear explanation
@Ashutosh07535
@Ashutosh07535 5 ай бұрын
Very Detailed and Clear Explanation
@chirag-sg4kd
@chirag-sg4kd Жыл бұрын
Was struggling a lot but now got clear understanding of how it is working thank you for your efforts. Is there any way to connect with you like discord or something ??
@rajatgupta001
@rajatgupta001 Жыл бұрын
Can connect on linkedin: www.linkedin.com/in/therajatg
@Js-Lovers
@Js-Lovers 2 жыл бұрын
Bro but some people using outlet component in route protection,can you tell me why those people using there's? Because I am one of the new in reactjs .
@rajatgupta001
@rajatgupta001 2 жыл бұрын
That I am not aware of
@jak3legacy
@jak3legacy 2 жыл бұрын
Great tutorial Rajat, thank you!
@rajatgupta001
@rajatgupta001 2 жыл бұрын
Thanks for appreciation man!
@RATEDGANGSTER
@RATEDGANGSTER Жыл бұрын
This channel deservers more subscribers !!
@siddharthmishra8706
@siddharthmishra8706 Жыл бұрын
This is really helpful. Add more such videos
@salmansalmani827
@salmansalmani827 2 жыл бұрын
awesome dude
@anjalichauhan6347
@anjalichauhan6347 2 жыл бұрын
🔥🔥🔥
@abdirahmanomar7820
@abdirahmanomar7820 Жыл бұрын
amazing thank you .
@chessclub92
@chessclub92 Жыл бұрын
THANK YOU
@rajatgupta001
@rajatgupta001 Жыл бұрын
Thanks for watching
@nazim6432
@nazim6432 4 ай бұрын
great
@gauravagrawal4622
@gauravagrawal4622 Жыл бұрын
very helpful
@rajatgupta001
@rajatgupta001 Жыл бұрын
Glad it helped
@giorgieliozashvili633
@giorgieliozashvili633 Жыл бұрын
thanks
@ajayshah7471
@ajayshah7471 Жыл бұрын
Bhai fluent English nahi to kya , knowledge achha hona chahiye Keep it up rajat bhai ♥️
@bernardtowindo1949
@bernardtowindo1949 Күн бұрын
I appreciate the work, this was helpful. Thanks alot
@SheharyarNaeem-x2w
@SheharyarNaeem-x2w Жыл бұрын
but how do we resolve double index problem in this case
@rajatgupta001
@rajatgupta001 Жыл бұрын
Double index issue was there in V5. In V6, you won't face that problem. Ask ChatGPT this: "double index problem in react router V6" and you'll understand. Cheers!
@vladguzun2522
@vladguzun2522 Жыл бұрын
thx
@UandMe-yz1rw
@UandMe-yz1rw 8 ай бұрын
ThanK yoU So muCh , you reduced my work
@MdNomanAzam
@MdNomanAzam 8 ай бұрын
Great Tutorial, Well explained!
@techcult5723
@techcult5723 Жыл бұрын
thank you so much. its help you understand. i just searching almost 25 hours for solve this problem. atleast after watching you your video i slove it. thank you so much
@rajatgupta001
@rajatgupta001 Жыл бұрын
Glad it helped
@kartikbhardwaj3744
@kartikbhardwaj3744 2 жыл бұрын
Ohh rajat you are awesome❤❤❤❤
@starlord7526
@starlord7526 Жыл бұрын
i searched for it for few weeks but only now I understand in detail bhai
@rajatgupta001
@rajatgupta001 Жыл бұрын
Glad it helped
@sanatanShishya1521
@sanatanShishya1521 Жыл бұрын
very nice video, Just one advise bro - speak less 'KNow know know know'...😅 sometimes getting irritated. - anyway keep growing brother!. Subscribed!
@rajatgupta001
@rajatgupta001 Жыл бұрын
glad you liked it and thanks for the advice man (yaa! I need to work on my speaking skills).
@selvaganeshm1914
@selvaganeshm1914 Жыл бұрын
Thank you man.❤
@rajatgupta001
@rajatgupta001 Жыл бұрын
You're welcome!
useLocation hook from react-router
8:28
Rajat Gupta
Рет қаралды 1,7 М.
Help Me Celebrate! 😍🙏
00:35
Alan Chikin Chow
Рет қаралды 28 МЛН
ПРИКОЛЫ НАД БРАТОМ #shorts
00:23
Паша Осадчий
Рет қаралды 6 МЛН
iPhone or Chocolate??
00:16
Hungry FAM
Рет қаралды 38 МЛН
React Routing - Better & scalable Architecture 💜
18:24
Studytonight with Abhishek
Рет қаралды 6 М.
Role-Based Authentication in React (Complete Tutorial)
26:31
Cosden Solutions
Рет қаралды 25 М.
I'm Never Using React Router Again
13:12
Josh tried coding
Рет қаралды 56 М.
React Router in Depth #6 - Loaders
12:07
Net Ninja
Рет қаралды 58 М.
The Home Server I've Been Wanting
18:14
Hardware Haven
Рет қаралды 140 М.
React router crash course
55:54
Hitesh Choudhary
Рет қаралды 38 М.
React Router V6.4+ Tutorial - New Syntax, useLoaderData...
24:55
React router crash course
1:04:35
Chai aur Code
Рет қаралды 286 М.
Learn React Router v6 - Full Course
1:43:23
freeCodeCamp.org
Рет қаралды 56 М.
Custom Protected Route Component in React
10:58
Cosden Solutions
Рет қаралды 44 М.
Help Me Celebrate! 😍🙏
00:35
Alan Chikin Chow
Рет қаралды 28 МЛН