React Sidebar Navigation Menu Tutorial - Beginner React JS Project Using Hooks & Router
Brian Design via YouTube
Overview
Coursera Flash Sale
40% Off Coursera Plus for 3 Months!
Grab it
Create a React sidebar navigation menu in this beginner-friendly tutorial using Hooks, Router, and React Icons. Learn to build an interactive sidebar that opens and closes with a click, perfect for integrating into any React website. Follow along as you set up a new React app, organize components and pages, install necessary dependencies, and implement key features step-by-step. Master techniques for displaying data, styling with CSS, and setting up React Routes to showcase different pages. By the end of this 36-minute video, you'll have a functional and customizable sidebar navigation ready to enhance your React projects.
Syllabus
What we are building
Creating React App
Creating our components folder
Creating our pages folder
Installing React Icons
Importing React Router Link
Editing our SidebarData file
Displaying Data on website
Adding Navbar CSS
Adding React Routes to display page
Taught by
Brian Design