YoVDO

React Sidebar Navigation Menu Using React Router - Beginner Tutorial

Offered By: Brian Design via YouTube

Tags

React Courses Web Development Courses React Router Courses

Course Description

Overview

Create a React sidebar navigation menu using React Router v6.4 in this beginner-friendly tutorial. Learn to build a versatile sidebar nav menu suitable for portfolios, websites, or dashboard designs. Explore the latest features of React Router v6.4.2, including createBrowserRouter for route creation. Follow along as the instructor guides you through setting up a React app, installing dependencies, and understanding React Router v6.4.2. Create project files, set up routes, design the sidebar nav menu, and implement sidebar data. Apply CSS styles to enhance the visual appeal and functionality of your sidebar. Discover alternative methods for creating routes without objects. By the end of this 34-minute tutorial, you'll have a fully functional React sidebar navigation menu ready to integrate into your projects.

Syllabus

React Sidebar Intro
Creating React App in Terminal
Install React Dependencies
Overview of React Router v6.4.2
Creating Project Files
Creating Routes
Creating Sidebar Nav Menu
Creating Sidebar Data
Adding CSS Styles
Creating Routes without Objects
Finished Project


Taught by

Brian Design

Related Courses

Software as a Service
University of California, Berkeley via Coursera
Intro to Computer Science
University of Virginia via Udacity
Web Development
Udacity
Software Engineering for SaaS
University of California, Berkeley via Coursera
CS50's Introduction to Computer Science
Harvard University via edX