Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

YouTube

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

Reviews

Start your review of React Sidebar Navigation Menu Tutorial - Beginner React JS Project Using Hooks & Router

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.