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.
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????
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?
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.
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.
Explanations are very simple and easy to follow. Great effort Hitesh.
Yeah sir absolutely, we need separate course on react-router-dom V6
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>
Glad you enjoyed it! 😊
Yes, DO A REACT ROUTER COURSE. That would be awesome.
You are really amazing. you are helping so many learners. you deserve more audience . thank you
You are one of if not the best coding teacher on YT!
That's a lot to digest but that's a great starting project. Thank you sir!
I learnt a lot from this lesson… Thank you.
Yes we need separate course on react router dom
Very informative until this point. Waiting for the topics like Redux, ContextApi.
Great explanation and very easy to understand
Nobody tells about loader and action but you sir always surprise us with the content 💯
Just came from Hindi channel complex stuff understand in Indian English only 😅
very informative session. Thank you Hitesh Sir
fr BEST INSTRUCTOR, please do a a series for react router I'm addicted to your videos 🥰
Very well explained, expecting another tutorial exploring more concepts of react-router-dom
Really good content as the rest of this serie.
Thanks sir for this outstading course.Sir please create video for manage authentication flow with latest react-router-dom
i really love your tutorials
Great explanation sir.
Well explained course. Thank you!!
Nice Video...Really appreciated..Thanks
Most welcome!
Really amazing tutorial.
Started 28 min ago & only 26 likes.. Not Fare Guys..
Sikh ne sath sath.. Like & Share karte raho.. ❤
please make one more video with remaining points
Amazing course hitesh🔥
PRO developer = hitesh Chaudhary
Really great course!!! Thank you.
Thankyou sir for such a valuabl comment for free really apreciate it
Learned a lot, thank you.
Thank you Sir! 😄
thank you Hitesh
My concern is, how do i implement both react-router-dom with useContext hook? I mean which wraps the other?
Thanks... you are the best
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????
Please do make a seperate course on react-router-dom 🙌
do a crash course on react-router
Happy journey sirji🎉
Thanks for the video, easy 😊
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?
thanks Hitesh
Please sir create a new course for full react router crash course with using all methods of react router dom.
Sir korea ka trip kaisa ja rha h😊
Thanks
Thank you hitesh :)
Banda greate he, but mila thoda late he...!!!
good 🎉
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.
hi , your classes are damn good. but talwind css is not working for me when i practice these
choose framework guide in tailwind css it will help
Man it's no wonder newbies get turned off by coding lol. Everything does seem overcomplicated
Thank You!!
Even if this got less view! It is the best one
Wow great.
I wish you had some redux toolkit tutorials..
I have, search on the channel
I hate it that react router add style display none for components on the layout
amazing
Hey Hitesh, use two spaces:)
Thanks 😊👍
sir , learncode website not working , how i acces my courses
Link to the repo would be nice. :D
🤩
Sir looking for your AWS course
commenting for algorithm
come on where is the git repository?
Could please share the code repo?
You didn't show other syntax of routing, only shown one
Ya
For that, go to docs
good ho gya
💚🧡💙
Nicee
e
hi
🫶🫶🫶
Nobody tells about loader and action but you sir always surprise us with the content 💯