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:
chaicode.com/
You can find our discord link, github link etc on the above website.
Twitter/X link: x.com/hiteshdotcom
Discord link: hitesh.ai/discord
Learn React with 10 projects: • Let's learn react from...
Learn Docker: • A practical guide on D...
Learn Kubernetes: • Complete Kubernetes Co...
How does a browser works: • How does a browser wor...
How nodejs works: • How node JS works | En...
Learn Redux-toolkit: • Learn Redux Toolkit in...
Learn NextJS: • Nextjs Full stack course
Learn Typescript: • Why to learn Typescript
Learn Javascript: • Welcome to new JavaScr...
Learn React Native: • React Native Mastery: ...
Learn Zustand: • React state management...
Learn Golang: • How to get started wit...

[@murshid956]

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

[@patt4343]

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

[@user-hj1jb9qo1r]

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.

[@ashik-GOWDA]

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

[@lasagna2240]

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

[@Adventures_English]

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

[@ashrayshiva9484]

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

[@shafiullah3714]

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

[@brunohenrard]

Really good content as the rest of this serie.

[@Eric-sy3dm]

I learnt a lot from this lesson… Thank you.

[@marvii13]

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

[@prathmeshgujar]

Yes we need separate course on react router dom

[@johniragu120]

i really love your tutorials

[@shivanand0297]

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

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

[@DriveDiveAroundtheWorld]

Really great course!!! Thank you.

[@vishwanatha6859]

very informative session. Thank you Hitesh Sir

[@souvikdas_01]

Thank you Sir! 😄

[@user-yo1if2gs6i]

Amazing course hitesh🔥

[@rotes3106]

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

[@olisaemekaaghabuilo8688]

Thanks... you are the best

[@aarjappiya9510]

Well explained course. Thank you!!

[@jackanderson300]

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

[@Dream_Grade_Academy]

Thanks for the video, easy 😊

[@sumitkumarpatil3414]

Happy journey sirji🎉

[@dhirajdhiman3259]

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

[@salmanfarshisajib6512]

Learned a lot, thank you.

[@yourlinuxguy]

Really amazing tutorial.

[@malikhaidi434]

Thankyou sir for such a valuabl comment for free really apreciate it

[@hardikpandey6743]

Please do make a seperate course on react-router-dom 🙌

[@user-kk1vu9tz8g]

thank you Hitesh

[@KrishanKumar-il6ut]

Please sir create a new course for full react router crash course with using all methods of react router dom.

[@tamuno-opukio-harry7292]

thanks Hitesh

[@munna5553]

PRO developer = hitesh Chaudhary

[@munna5553]

Sir korea ka trip kaisa ja rha h😊

[@rajeevbhosle1580]

please make one more video with remaining points

[@user-fi6jp6pv9x]

Even if this got less view! It is the best one

[@sagarghare9829]

Thank you hitesh :)

[@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.

[@Raj-iz9uz]

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

[@juanmacias5922]

Link to the repo would be nice. :D

[@anonlegion8331]

Thank You!!

[@jinumariamthomas8621]

hi , your classes are damn good. but talwind css is not working for me when i practice these

[@awnishprasad9367]

choose framework guide in tailwind css it will help

[@devendrapatel1491]

sir , learncode website not working , how i acces my courses

[@salmanfarshisajib6512]

Wow great.

[@hrushikeshshinde9527]

Sir looking for your AWS course

[@riteshkumarrai5349]

Thanks 😊👍

[@RakeshSangem]

Hey Hitesh, use two spaces:)

[@samialvi4226]

good ho gya

[@thelonercoder5816]

Man it's no wonder newbies get turned off by coding lol. Everything does seem overcomplicated

[@vanbayor11]

Could please share the code repo?

[@aynuayex]

come on where is the git repository?

[@zaker4900]

[@user-ur3io2ny2j]

I wish you had some redux toolkit tutorials..

[@HiteshChoudharydotcom]

I have, search on the channel

[@dEviL_bIsWaJiT]

💚🧡💙

[@AhammedShaheedhudheen]

You didn't show other syntax of routing, only shown one

[@murshid956]

Ya

[@shivanand0297]

For that, go to docs

[@veerabubali2245]

hi

[@diegourday]

🫶🫶🫶

[@shivanand0297]

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

[@BinnuKrishna2.o]