React router crash course

  Рет қаралды 44,918

Hitesh Choudhary

Hitesh Choudhary

Күн бұрын

Пікірлер: 84
@CompMail
@CompMail 7 ай бұрын
00:02 React router simulates different pages in a single page application 02:08 Introduction to building an application with React Router Dom. 06:14 Introduction to React Router and its importance 08:37 Installing Tailwind CSS and setting up basic styling 12:54 Using the Outlet and layout design in React Router Dom 14:57 Creating a router using create browser router 18:50 Creating and configuring routes in React Router 20:35 Implementing nested routes with React Router 24:21 Using links instead of anchor tags for React Router navigation 26:10 Using 'to' attribute for navigating in React 29:36 Accessing and using 'is active' property 31:45 Setting up multiple links with Navlink in React Router. 35:41 Creating a new user component and setting up routing in React application. 37:51 Dynamic routing is essential for capturing variable user IDs or other parameters in React Router. 41:49 Implementing dynamic routes and parameters in React Router 43:37 Creating a new component GitHub and defining a route for it 47:35 Inspect and console log to extract data from the component mount 49:45 Using effect to optimize fetch requests 53:22 Utilize React Router hook 'useLoaderData' 55:04 React Router crash course covers advanced topics you'll need.
@Roshan-fy5rk
@Roshan-fy5rk 2 ай бұрын
your doing a great job as always u do!! yes pleased to have a separate react router dom course. happy to be your youtube fam member>
@HiteshCodeLab
@HiteshCodeLab 2 ай бұрын
Glad you enjoyed it! 😊
@ajassharafudeen
@ajassharafudeen 6 ай бұрын
Explanations are very simple and easy to follow. Great effort Hitesh.
@murshid956
@murshid956 Жыл бұрын
You are really amazing. you are helping so many learners. you deserve more audience . thank you
@ashik-GOWDA
@ashik-GOWDA Жыл бұрын
Yeah sir absolutely, we need separate course on react-router-dom V6
@patt4343
@patt4343 Жыл бұрын
You are one of if not the best coding teacher on YT!
@Adventures_English
@Adventures_English Жыл бұрын
Yes, DO A REACT ROUTER COURSE. That would be awesome.
@Miftah-Ul-Uloom
@Miftah-Ul-Uloom Жыл бұрын
Very informative until this point. Waiting for the topics like Redux, ContextApi.
@lasagna2240
@lasagna2240 8 ай бұрын
That's a lot to digest but that's a great starting project. Thank you sir!
@prathmeshgujar
@prathmeshgujar Жыл бұрын
Yes we need separate course on react router dom
@shivanand0297
@shivanand0297 Жыл бұрын
Nobody tells about loader and action but you sir always surprise us with the content 💯
@ashrayshiva9484
@ashrayshiva9484 Жыл бұрын
Very well explained, expecting another tutorial exploring more concepts of react-router-dom
@marvii13
@marvii13 9 ай бұрын
fr BEST INSTRUCTOR, please do a a series for react router I'm addicted to your videos 🥰
@WriterMackey
@WriterMackey 13 күн бұрын
I want it as course...the react routers....i now okay with use params
@brunohenrard
@brunohenrard 8 ай бұрын
Really good content as the rest of this serie.
@VishalGK7
@VishalGK7 4 ай бұрын
Great explanation and very easy to understand
@nikhilrajpk.
@nikhilrajpk. 15 күн бұрын
may i know which plugin is used for that auto suggestion😁
@Eric-sy3dm
@Eric-sy3dm Жыл бұрын
I learnt a lot from this lesson… Thank you.
@rajeevbhosle1580
@rajeevbhosle1580 8 ай бұрын
please make one more video with remaining points
@johniragu120
@johniragu120 8 ай бұрын
i really love your tutorials
@vishwanatha6859
@vishwanatha6859 9 ай бұрын
very informative session. Thank you Hitesh Sir
@dhirajdhiman3259
@dhirajdhiman3259 9 ай бұрын
Sir suppose we have nested routes in the contact page say person 1 ,2 and so on and on those we don't have to show header or footer instead we have to show another header how we'll do this????
@jackanderson300
@jackanderson300 11 ай бұрын
Thanks sir for this outstading course.Sir please create video for manage authentication flow with latest react-router-dom
@opondisymon
@opondisymon Жыл бұрын
Amazing course hitesh🔥
@vishnurajm.r8407
@vishnurajm.r8407 5 ай бұрын
Great explanation sir.
@SatinderSingh-hn9ft
@SatinderSingh-hn9ft 4 ай бұрын
Nice Video...Really appreciated..Thanks
@HiteshCodeLab
@HiteshCodeLab 4 ай бұрын
Most welcome!
@hardikpandey6743
@hardikpandey6743 11 ай бұрын
Please do make a seperate course on react-router-dom 🙌
@rotes3106
@rotes3106 Жыл бұрын
My concern is, how do i implement both react-router-dom with useContext hook? I mean which wraps the other?
@juanmacias5922
@juanmacias5922 Жыл бұрын
Am I misunderstanding the use of useLoaderData()? I assumed from your description it would begin the API call on hover, but it doesn't actually do it until you navigate into the page? I placed a console.log() within the githubInfoLoader(), and it was not fired until I was within the Github page, I see no difference in just using the useEffect? Does it fire before the page rendering, so it's still quicker than just using useEffect?
@aarjappiya9510
@aarjappiya9510 8 ай бұрын
Well explained course. Thank you!!
@manoj_kumar_patil
@manoj_kumar_patil 3 ай бұрын
do a crash course on react-router
@munna5553
@munna5553 Жыл бұрын
Sir korea ka trip kaisa ja rha h😊
@souvikdas_01
@souvikdas_01 7 ай бұрын
Thank you Sir! 😄
@DriveDiveAroundtheWorld
@DriveDiveAroundtheWorld Жыл бұрын
Really great course!!! Thank you.
@KrishanKumar-il6ut
@KrishanKumar-il6ut Жыл бұрын
Please sir create a new course for full react router crash course with using all methods of react router dom.
@Raj_Vishwa1
@Raj_Vishwa1 Жыл бұрын
Started 28 min ago & only 26 likes.. Not Fare Guys.. Sikh ne sath sath.. Like & Share karte raho.. ❤
@yourlinuxguy
@yourlinuxguy 9 ай бұрын
Really amazing tutorial.
@BhaiyaX
@BhaiyaX 3 ай бұрын
Just came from Hindi channel complex stuff understand in Indian English only 😅
@sumitkumarpatil3414
@sumitkumarpatil3414 Жыл бұрын
Happy journey sirji🎉
@munna5553
@munna5553 Жыл бұрын
PRO developer = hitesh Chaudhary
@olisaemekaaghabuilo8688
@olisaemekaaghabuilo8688 8 ай бұрын
Thanks... you are the best
@DreamEd_Institute
@DreamEd_Institute 8 ай бұрын
Thanks for the video, easy 😊
@jinumariamthomas8621
@jinumariamthomas8621 Жыл бұрын
hi , your classes are damn good. but talwind css is not working for me when i practice these
@awnishprasad9367
@awnishprasad9367 Жыл бұрын
choose framework guide in tailwind css it will help
@shineLouisShine
@shineLouisShine Жыл бұрын
So unfortunately,this tutorial doesn't seems to include the option to register/sign up from within the login form as a reasonable common requested and legit possibility..? Thanks anyway.
@salmanfarshisajib6512
@salmanfarshisajib6512 11 ай бұрын
Learned a lot, thank you.
@TibaFallah
@TibaFallah 8 ай бұрын
I wish you had some redux toolkit tutorials..
@HiteshCodeLab
@HiteshCodeLab 8 ай бұрын
I have, search on the channel
@tiparess17
@tiparess17 4 ай бұрын
I hate it that react router add style display none for components on the layout
@DEVKushal-t8b
@DEVKushal-t8b Жыл бұрын
Even if this got less view! It is the best one
@malikhaidi434
@malikhaidi434 Жыл бұрын
Thankyou sir for such a valuabl comment for free really apreciate it
@AhammedShaheedhudheen
@AhammedShaheedhudheen Жыл бұрын
You didn't show other syntax of routing, only shown one
@murshid956
@murshid956 Жыл бұрын
Ya
@shivanand0297
@shivanand0297 Жыл бұрын
For that, go to docs
@juanmacias5922
@juanmacias5922 Жыл бұрын
Link to the repo would be nice. :D
@deadlylive_gaming7154
@deadlylive_gaming7154 4 ай бұрын
good 🎉
@ErsanGökalp
@ErsanGökalp Жыл бұрын
thank you Hitesh
@hrushikeshshinde9527
@hrushikeshshinde9527 Жыл бұрын
Sir looking for your AWS course
@thelonercoder5816
@thelonercoder5816 Жыл бұрын
Man it's no wonder newbies get turned off by coding lol. Everything does seem overcomplicated
@devendrapatel1491
@devendrapatel1491 Жыл бұрын
sir , learncode website not working , how i acces my courses
@aynuayex
@aynuayex 11 ай бұрын
come on where is the git repository?
@sagarghare9829
@sagarghare9829 Жыл бұрын
Thank you hitesh :)
@nileshpahari
@nileshpahari 4 ай бұрын
Thanks
@RakeshSangem
@RakeshSangem Жыл бұрын
Hey Hitesh, use two spaces:)
@riteshkumarrai5349
@riteshkumarrai5349 11 ай бұрын
Thanks 😊👍
@vanbayor11
@vanbayor11 10 ай бұрын
Could please share the code repo?
@tamuno-opukio-harry7292
@tamuno-opukio-harry7292 Жыл бұрын
thanks Hitesh
@dEviL_bIsWaJiT
@dEviL_bIsWaJiT Жыл бұрын
💚🧡💙
@BinnuKrishna2.o
@BinnuKrishna2.o 8 ай бұрын
@zaker4900
@zaker4900 9 ай бұрын
@anonlegion8331
@anonlegion8331 Жыл бұрын
Thank You!!
@salmanfarshisajib6512
@salmanfarshisajib6512 11 ай бұрын
Wow great.
@Srikanth_Devral
@Srikanth_Devral 4 ай бұрын
Banda greate he, but mila thoda late he...!!!
@anthonynnawulezi7400
@anthonynnawulezi7400 6 ай бұрын
amazing
@craigcharlton4440
@craigcharlton4440 5 ай бұрын
🤩
@vedangop4918
@vedangop4918 3 ай бұрын
commenting for algorithm
@veerabubali2245
@veerabubali2245 8 ай бұрын
hi
@samialvi4226
@samialvi4226 9 ай бұрын
good ho gya
@diegourday
@diegourday 10 ай бұрын
🫶🫶🫶
@MohitKumar-o3l1u
@MohitKumar-o3l1u 6 ай бұрын
Nicee e
@shivanand0297
@shivanand0297 Жыл бұрын
Nobody tells about loader and action but you sir always surprise us with the content 💯
Context API in react | get the concept
29:00
Hitesh Choudhary
Рет қаралды 76 М.
Learn React Router v6 In 45 Minutes
46:20
Web Dev Simplified
Рет қаралды 579 М.
黑天使被操控了#short #angel #clown
00:40
Super Beauty team
Рет қаралды 61 МЛН
小丑教训坏蛋 #小丑 #天使 #shorts
00:49
好人小丑
Рет қаралды 54 МЛН
Quando eu quero Sushi (sem desperdiçar) 🍣
00:26
Los Wagners
Рет қаралды 15 МЛН
Learn Redux Toolkit in under 1 hour
58:10
Hitesh Choudhary
Рет қаралды 156 М.
React Router - Complete Tutorial
23:53
Cosden Solutions
Рет қаралды 162 М.
Learn React Router v6 - Full Course
1:43:23
freeCodeCamp.org
Рет қаралды 64 М.
React Router (How-to) 2024
13:07
Code Commerce
Рет қаралды 18 М.
Why Signals Are Better Than React Hooks
16:30
Web Dev Simplified
Рет қаралды 498 М.
React Crash Course 2024
3:04:36
Traversy Media
Рет қаралды 700 М.
Build any layout with tailwind | crash course
34:28
Hitesh Choudhary
Рет қаралды 106 М.
黑天使被操控了#short #angel #clown
00:40
Super Beauty team
Рет қаралды 61 МЛН