React router crash course

Welcome to a youtube channel dedicated to programming and coding related tutorials. We talk about tech, write code, discuss about cloud and devops. That’s what we do all day, all year. We roll out a lot of series and videos on our channel.

All the learning resources such as code files, documentations, articles and community discussions are available on our website:

You can find our discord link, github link etc on the above website.

[hjjbqor]

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.

[ajassharafudeen]

Explanations are very simple and easy to follow. Great effort Hitesh.

[murshid]

You are really amazing. you are helping so many learners. you deserve more audience . thank you

[Adventures_English]

Yes, DO A REACT ROUTER COURSE. That would be awesome.

[ashik-GOWDA]

Yeah sir absolutely, we need separate course on react-router-dom V6

[shafiullah]

Very informative until this point. Waiting for the topics like Redux, ContextApi.

[patt]

You are one of if not the best coding teacher on YT!

[lasagna]

That's a lot to digest but that's a great starting project. Thank you sir!

[marvii]

fr BEST INSTRUCTOR, please do a a series for react router I'm addicted to your videos 🥰

[ashrayshiva]

Very well explained, expecting another tutorial exploring more concepts of react-router-dom

[shivanand]

Nobody tells about loader and action but you sir always surprise us with the content 💯

[prathmeshgujar]

Yes we need separate course on react router dom

[rajeevbhosle]

please make one more video with remaining points

[brunohenrard]

Really good content as the rest of this serie.

[Eric-sydm]

I learnt a lot from this lesson… Thank you.

[vishwanatha]

very informative session. Thank you Hitesh Sir

[jackanderson]

Thanks sir for this outstading course.Sir please create video for manage authentication flow with latest react-router-dom

[Raj-izuz]

Started 28 min ago & only 26 likes.. Not Fare Guys..
Sikh ne sath sath.. Like & Share karte raho.. ❤

[dhirajdhiman]

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????

[rotes]

My concern is, how do i implement both react-router-dom with useContext hook? I mean which wraps the other?