React Sidebar Navigation Menu Tutorial - Beginner React JS Project Using Hooks & Router
Brian Design Brian Design
115K subscribers
573,667 views
9.1K

 Published On Aug 18, 2020

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 :)
   / @briandesign  

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
   • React Navbar Dropdown Menu Responsive...  

Responsive React Website Tutorial
   • React Website Responsive Tutorial - B...  

Source code
https://github.com/briancodex/react-s...

show more

Share/Embed