YoVDO

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

Offered By: Brian Design via YouTube

Tags

React Courses Web Development Courses React Router Courses

Course Description

Overview

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

Related Courses

Introduction to ReactJS
Microsoft via edX
Front-End Web Development with React
The Hong Kong University of Science and Technology via Coursera
Multiplatform Mobile App Development with React Native
The Hong Kong University of Science and Technology via Coursera
Client-based Web Applications development: ReactJS & Angular
Universidad Politécnica de Madrid via Miríadax
React
Udacity