React Sidebar Navigation Menu using React Router v6.4 - Beginner Tutorial
Learn how to create a React Sidebar Navigation Menu using React Router v6.4 in this beginner ReactJS Project Tutorial. We will create a sidebar nav menu that you can use to create in a portfolio, website, or dashboard design. We will use the latest version of React Router v6.4.2 using createBrowserRouter to make the routes.
Timeline
0:00 React Sidebar Intro
0:45 Creating React App in Terminal
3:10 Install React Dependencies
5:20 Overview of React Router v6.4.2
7:30 Creating Project Files
9:15 Creating Routes
15:30 Creating Sidebar Nav Menu
22:55 Creating Sidebar Data
25:50 Adding CSS Styles
31:20 Creating Routes without Objects
33:20 Finished Project
Check out my other Videos
Make a React Real Estate Website
• Make a React Website with Animations - Res...
Build a Full Stack Delivery App Using Doordash Drive API - Javascript Node Express Project
• Build a Full Stack Delivery App Using Door...
Top 5 Website Designs Every Web Developer Should See
• Top 5 Website Designs Every Web Developer ...
Source Code
https://github.com/briancodex/react-s...
If you want to follow me along my coding journey, be sure to subscribe :)
/ @briandesign