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