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

Подписаться 1,6 тыс.

Просмотров 44 тыс.

50% 1

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.co...
React Icons: react-icons.gi...
💛 Be sure to comment like and subscribe to the channel! I have plenty more videos: / @thetechteam

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

28 сен 2024

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 26

@primagro4463 2 года назад

Hi Big thank. You are fantastic. I been looking for such tutorial all over the internet mainly RU-vid 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

@cualquieridiota 3 года назад

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

@TheTechTeam 3 года назад

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.

@mshahas786 3 года назад

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

@TheTechTeam 3 года назад

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

@nurlanmehdiyev7428 2 года назад

thanks from Azerbaijan!

@blacktipe9922 3 года назад

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

@Spookydigy 3 года назад

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

@ricardogonzales2259 3 года назад

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

@melfordbirakor 3 года назад

Thanks Chief

@humailsaleem4298 3 года назад

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

@filmbuzz9419 2 месяца назад

code link

@juliotreinty3956 5 месяцев назад

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

@waltersjunior8678 2 года назад

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 2 года назад

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

@frankffenn 11 месяцев назад

thanks bro, help me a lots

@maychajamera6546 2 года назад

how to show the navigation?

@Spookydigy 3 года назад

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 2 года назад

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 2 года назад

resize