React Sidebar Navigation Menu in 10 minutes

Do you want to build a react sidebar navigation menu? In this video, I covered that. By watching this video you will learn how to build a react sidebar navigation menu easily. It takes 10 minutes to build a sidebar in react using this tutorial.
Hope you enjoy it.
Consider subscribing if it was helpful for you!
yarn add @trendmicro/react-sidenav
cdnjs.com/libraries/font-awesome
yarn add react-router-dom

[@ankurparchani3230]

I really appreciate that you took a very basic library and showed us how to implement it in under 10 minutes. It saved a lot of my time.

[@luketembanimunyandu3326]

Awesome tutorial, streamlines the process of adding a sidebar to your react app, Thanks!

[@username_hiddenname]

thank you so much. this was very useful :)

[@khandoor7228]

Awesome I'm tired of messing with MUI Drawer. It's not worth it anymore. Thanks for this!

[@thulaniinnocent9956]

Thank you for this

[@imranhrafi]

You're awesome.💓

[@cherryvisorrr2180]

Thank you so much!!!

[@camilleyong]

I am using parallax. how do i get to route within the same page by using #home?

[@sulmanahmad6943]

Nice 👍

[@bayramcinarr]

hi how can i make this mode="side"

[@aaabe8642]

Everything works fine except one thing and that is when I reload the page, the active nav item is changing. So for example if you click on "Charts" and then reload the page. The path is then localhost:3000/charts but the navitem is active on "Home". Is there a solution for this?

[@ReactWithMasoud]

Yes, you can read the current page path and activate the corresponding item in the navbar

[@user-vf8nl7bt1x]

Hi, thank you very much for the explanation!
Question: How can I keep the menu open all the time? When I cancel the toggle it leaves a menu open all the time with only the icon, and I want the menu to be open all the time with both the text and the icon.
Thank you

[@rcytok2303]

Can you share sourcecode man