Тёмный
No video :(

React router crash course 

Hitesh Choudhary
Подписаться 933 тыс.
Просмотров 36 тыс.
50% 1

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/hiteshdo...
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...

Опубликовано:

 

21 авг 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 69   
@user-hj1jb9qo1r
@user-hj1jb9qo1r 2 месяца назад
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
@ajassharafudeen Месяц назад
Explanations are very simple and easy to follow. Great effort Hitesh.
@murshid956
@murshid956 10 месяцев назад
You are really amazing. you are helping so many learners. you deserve more audience . thank you
@patt4343
@patt4343 8 месяцев назад
You are one of if not the best coding teacher on YT!
@Adventures_English
@Adventures_English 7 месяцев назад
Yes, DO A REACT ROUTER COURSE. That would be awesome.
@ashik-GOWDA
@ashik-GOWDA 7 месяцев назад
Yeah sir absolutely, we need separate course on react-router-dom V6
@lasagna2240
@lasagna2240 3 месяца назад
That's a lot to digest but that's a great starting project. Thank you sir!
@shafiullah3714
@shafiullah3714 10 месяцев назад
Very informative until this point. Waiting for the topics like Redux, ContextApi.
@marvii13
@marvii13 4 месяца назад
fr BEST INSTRUCTOR, please do a a series for react router I'm addicted to your videos 🥰
@brunohenrard
@brunohenrard 3 месяца назад
Really good content as the rest of this serie.
@ashrayshiva9484
@ashrayshiva9484 9 месяцев назад
Very well explained, expecting another tutorial exploring more concepts of react-router-dom
@shivanand0297
@shivanand0297 6 месяцев назад
Nobody tells about loader and action but you sir always surprise us with the content 💯
@johniragu120
@johniragu120 2 месяца назад
i really love your tutorials
@rajeevbhosle1580
@rajeevbhosle1580 3 месяца назад
please make one more video with remaining points
@olisaemekaaghabuilo8688
@olisaemekaaghabuilo8688 2 месяца назад
Thanks... you are the best
@souvikdas_01
@souvikdas_01 2 месяца назад
Thank you Sir! 😄
@prathmeshgujar
@prathmeshgujar 8 месяцев назад
Yes we need separate course on react router dom
@vishwanatha6859
@vishwanatha6859 3 месяца назад
very informative session. Thank you Hitesh Sir
@Eric-sy3dm
@Eric-sy3dm 7 месяцев назад
I learnt a lot from this lesson… Thank you.
@Dream_Grade_Academy
@Dream_Grade_Academy 3 месяца назад
Thanks for the video, easy 😊
@jackanderson300
@jackanderson300 5 месяцев назад
Thanks sir for this outstading course.Sir please create video for manage authentication flow with latest react-router-dom
@aarjappiya9510
@aarjappiya9510 3 месяца назад
Well explained course. Thank you!!
@yourlinuxguy
@yourlinuxguy 4 месяца назад
Really amazing tutorial.
@DriveDiveAroundtheWorld
@DriveDiveAroundtheWorld 8 месяцев назад
Really great course!!! Thank you.
@user-yo1if2gs6i
@user-yo1if2gs6i 7 месяцев назад
Amazing course hitesh🔥
@salmanfarshisajib6512
@salmanfarshisajib6512 6 месяцев назад
Learned a lot, thank you.
@malikhaidi434
@malikhaidi434 6 месяцев назад
Thankyou sir for such a valuabl comment for free really apreciate it
@munna5553
@munna5553 10 месяцев назад
PRO developer = hitesh Chaudhary
@Raj-iz9uz
@Raj-iz9uz 10 месяцев назад
Started 28 min ago & only 26 likes.. Not Fare Guys.. Sikh ne sath sath.. Like & Share karte raho.. ❤
@dhirajdhiman3259
@dhirajdhiman3259 4 месяца назад
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????
@hardikpandey6743
@hardikpandey6743 6 месяцев назад
Please do make a seperate course on react-router-dom 🙌
@user-kk1vu9tz8g
@user-kk1vu9tz8g 10 месяцев назад
thank you Hitesh
@rotes3106
@rotes3106 9 месяцев назад
My concern is, how do i implement both react-router-dom with useContext hook? I mean which wraps the other?
@sumitkumarpatil3414
@sumitkumarpatil3414 10 месяцев назад
Happy journey sirji🎉
@anthonynnawulezi7400
@anthonynnawulezi7400 26 дней назад
amazing
@tamuno-opukio-harry7292
@tamuno-opukio-harry7292 10 месяцев назад
thanks Hitesh
@juanmacias5922
@juanmacias5922 10 месяцев назад
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?
@anonlegion8331
@anonlegion8331 7 месяцев назад
Thank You!!
@KrishanKumar-il6ut
@KrishanKumar-il6ut 10 месяцев назад
Please sir create a new course for full react router crash course with using all methods of react router dom.
@riteshkumarrai5349
@riteshkumarrai5349 6 месяцев назад
Thanks 😊👍
@sagarghare9829
@sagarghare9829 10 месяцев назад
Thank you hitesh :)
@salmanfarshisajib6512
@salmanfarshisajib6512 6 месяцев назад
Wow great.
@shineLouisShine
@shineLouisShine 8 месяцев назад
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.
@user-fi6jp6pv9x
@user-fi6jp6pv9x 8 месяцев назад
Even if this got less view! It is the best one
@munna5553
@munna5553 10 месяцев назад
Sir korea ka trip kaisa ja rha h😊
@AhammedShaheedhudheen
@AhammedShaheedhudheen 10 месяцев назад
You didn't show other syntax of routing, only shown one
@murshid956
@murshid956 10 месяцев назад
Ya
@shivanand0297
@shivanand0297 6 месяцев назад
For that, go to docs
@user-ur3io2ny2j
@user-ur3io2ny2j 3 месяца назад
I wish you had some redux toolkit tutorials..
@HiteshCodeLab
@HiteshCodeLab 3 месяца назад
I have, search on the channel
@thelonercoder5816
@thelonercoder5816 8 месяцев назад
Man it's no wonder newbies get turned off by coding lol. Everything does seem overcomplicated
@BinnuKrishna2.o
@BinnuKrishna2.o 2 месяца назад
@vanbayor11
@vanbayor11 5 месяцев назад
Could please share the code repo?
@jinumariamthomas8621
@jinumariamthomas8621 9 месяцев назад
hi , your classes are damn good. but talwind css is not working for me when i practice these
@awnishprasad9367
@awnishprasad9367 8 месяцев назад
choose framework guide in tailwind css it will help
@dEviL_bIsWaJiT
@dEviL_bIsWaJiT 7 месяцев назад
💚🧡💙
@craigcharlton4440
@craigcharlton4440 8 дней назад
🤩
@samialvi4226
@samialvi4226 4 месяца назад
good ho gya
@hrushikeshshinde9527
@hrushikeshshinde9527 10 месяцев назад
Sir looking for your AWS course
@aynuayex
@aynuayex 6 месяцев назад
come on where is the git repository?
@devendrapatel1491
@devendrapatel1491 10 месяцев назад
sir , learncode website not working , how i acces my courses
@RakeshSangem
@RakeshSangem 10 месяцев назад
Hey Hitesh, use two spaces:)
@juanmacias5922
@juanmacias5922 10 месяцев назад
Link to the repo would be nice. :D
@user-uv5or5bm2c
@user-uv5or5bm2c 29 дней назад
Nicee e
@veerabubali2245
@veerabubali2245 3 месяца назад
hi
@diegourday
@diegourday 5 месяцев назад
🫶🫶🫶
@shivanand0297
@shivanand0297 6 месяцев назад
Nobody tells about loader and action but you sir always surprise us with the content 💯
@zaker4900
@zaker4900 4 месяца назад
Далее