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

Published: 18 August 2020
on channel: Brian Design

597,046

9.2k

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 Tuto...

Responsive React Website Tutorial
   • React Website Responsive Tutorial - Beginn...

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

On this page of the site you can watch the video online React Sidebar Navigation Menu Tutorial - Beginner React JS Project Using Hooks & Router with a duration of hours minute second in good quality, which was uploaded by the user Brian Design 18 August 2020, share the link with friends and acquaintances, this video has already been watched 597,046 times on youtube and it was liked by 9.2 thousand viewers. Enjoy your viewing!

13,912

323