React Navbar Tutorial - Beginner React JS Project

Показать описание

In this video we will learn all about react navbar tutorial for beginner in react js. This project have many things to learn like react routing and navbar responsive design with ant design.

Go to Chapter :
00:00 Demo
01:56 Vs code setup
04:20 Create app router component
06:40 Create array of all routes
09:57 Link to go navigate from one to other components
11:20 Follow better folder structure
14:09 Design navbar
18:16 Pass component as children
18:56 Render navbar link in header
22:43 Render brand logo
26:16 Move nave bar to right
27:29 Render table component in Dashboard
30:20 Segregate layout component in better component
33:25 Handle page not found routing
35:25 Summary

GitHub Code
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬

Concept Covered
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
- How to design responsive navbar in react js
- Learn react navbar
- Learn ant design
- React navbar tutorial
- Routing in react js using react router dom

Social
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬

Tags
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
- React project
- React navbar
- Routing in react
- ReactJS Tutorial
- ReactJS and MySQL
- NodeJS Tutorial
- API Tutorial
#codenemy #React #Navbar #Project