ReactJS Animated Side Navigation Tutorial - Beginner Project Using Hooks, Router & Icons

Learn to build an animated navigation into a small application. We'll use tools like hooks to set our state, React Router to navigate between pages and we'll throw in some nice icons too.
React Router: reactrouter.com/web/guides/qu...
React Icons: react-icons.github.io/react-i...
💛 Be sure to comment like and subscribe to the channel! I have plenty more videos: / @thetechteam

[@primagro4463]

Hi Big thank. You are fantastic. I been looking for such tutorial all over the internet mainly RUclips but most of them a just fake a wast of time. Will be glad to get in touch with you for further learning and mentorship

[@ugorjivictor3515]

Straight to the point. Thanks.

[@juliotreinty3956]

Marvelous!....Thanks a lot from SudAmerica friend

[@humailsaleem4298]

Thanks Bro Its Help Me A Lot :))
U Deserve More Subs :))

[@adewaleakangbe7729]

Well explained , thanks man

[@mikae6102]

Just what I needed

[@mshahas786]

well explained and it's helps me , thank you man

[@TheTechTeam]

thank you, Muhammed, more than happy to help :)

[@user-lb5tb7bz2u]

thanks bro, help me a lots

[@sne3348]

Thank you so much

[@melfordbirakor]

Thanks Chief

[@blacktipe9922]

Hi great vid, is there any other part about how to style the other pages?

[@nurlanmehdiyev7428]

thanks from Azerbaijan!

[@cualquieridiota]

Hello gentleman!! it would be so damn great and really cool if you share this repository

[@TheTechTeam]

I'm sorry, my last computer decided to pack in so I lost a lot of random projects. I will be creating more ReactJS videos and I'll make sure it's either commited or saved to something like Codepen/Sandbox going forward.

[@Spookydigy]

Tech team how do you set it so the hamburger menu stays open when you go to another page?

[@Spookydigy]

Is there a way to use small image files such as logos in the sidebar instead of the icons? I want to design a nav sidebar that is just .jpg or .svg for each one.

[@waltersjunior8678]

i think yes place the image in a span tag since span tag is inline element it can stay behind your text and the reside the height and width of the image

[@waltersjunior8678]

resize

[@ricardogonzales2259]

If you convert tha hamburger icon into a close icon when the menu is displayed every animation breaks up

[@waltersjunior8678]

hello i have a problem my sidebar when active is behind my product list so it items some cannot been seen. please can you make a video on how i can make it stay on to of my main body items inside of the body items stay on to of it thanks

[@saci436]

set z-index to sidebar, depends on your other css setup but to be sure its always top set it lik z-index: 1000;

[@maychajamera6546]

how to show the navigation?

[@brandonoburu8003]

source code