React Sidebar Navigation Menu Tutorial - Beginner React JS Project Using Hooks & Router

Learn how to make a React Sidebar Navigation Menu in this beginner tutorial. We will be using React Hooks, Router, and React Icons in this project. You will be able to open and close the sidebar menu with a simple click and you can easily add this to any of your React websites. If you want to follow me along my coding journey, be sure to subscribe :) Timestamp 0:00 What we are building 0:39 Creating React App 3:44 Creating our components folder 4:26 Creating our pages folder 7:45 Installing React Icons 10:24 Importing React Router Link 16:42 Editing our SidebarData file 21:00 Displaying Data on website 23:25 Adding Navbar CSS 34:24 Adding React Routes to display page React Navbar Dropdown Menu Tutorial Responsive React Website Tutorial Source code
Back to Top