React Sidebar Navigation Menu Tutorial - Beginner React JS Project Using Hooks & Router
Offered By: Brian Design via YouTube
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 ReactJSMicrosoft 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