React Router Tutorial - 5 - Active Links

Use coupon code: CodevolutionYoutube for any workspace upgrade. Select "Add promo code" on checkout, enter the code, then hit "Apply". This will apply a 100% one year subscription discount. Enjoy and feel free to invite others to your workspace!

📱 Follow Codevolution

Active Links in React Router
React Router Tutorial
React Router Tutorial for Beginners

[Ichigo-kurusaki]

Dude, your explaination is subtle yet simple, elegant and effective. Thanks to your redux toolkit series I now have good grasp over its concepts.

[estherinyang]

Beautiful! Thank you! for those using React router <Route path="/" element={<Home />} remember to add <NavLink end to="/">Home<NavLink/> to your jsx so the Home doesn't stay active at all times.

[rajatchaudhary]

struggled for react routing for days playlist is just awesome....solved every doubt....

[promiseodeyile]

i don't normally comment on videos but this was a great tutorial, well explained

[anonymous_basics]

thank you man i was scratching my head for an about a hour. not because i didn't tried this but also i was mislead by some other guy tutorials.

[hetroxity]

Bro i don't know you much but its already my honest opinion that you are one of the best tutor . I really like how you explain things slowly step by step with your voice in a moderate tone. How i which to paypal you ..but in my situation i am broke....somebody paypal this guy on my behalf

[DavidNYIRINGABO]

Thanks Dude, this is really effective than I expected.

[dudzpedra]

This was amazing! I've been trying to style and all I've got so far was some headche... until now! This is game changing =)

[rjverma]

I always suffered styling links manually but navlink will be so helpful now.
Thanks

[bangsatrio]

In react router 6 add attribute end if the home link always active

[DilshodMahmudov-futz]

thank you for your lesson!, that is working! 😊

[gonzalodecastro]

Clear and simple explanation thank you very much.

greetings from Argentina.

[Jeireme]

This works perfectly, thank you very much!

[bntripura]

Can you please explain dynamic routing to breadcrumb which is taking from location.pathname and when clicking on each breadcrumb needs to go to its component

[henrypaul]

Does Navlink internally use hooks? how does navlink styles automatically re-render the element with changed styles?

[voxuanhoa]

My component Home alway has class 'active', i don't know why?

[abuzarmahmood]

I want understand that active should color the text only for the time when it go clicked and as it is not focus then why is it so that it continues to be in that color.

[foxynight]

how to make backgroundColor in that function?
because when i add this code, it not change the background color :
backgroundColor: isActive ? 'red' : 'blue'

[auroraapps]

Please help!, when i apply NavLink my navigation bar stopped functioning. just stopped everything.

[shakibahmed]

Thank you brooo. This video was really helpfull for me.