How To Create A Navbar In React With Routing

Published: 24 May 2022
on channel: Web Dev Simplified
393,883
7.4k

FREE React Hooks Course: https://courses.webdevsimplified.com/...

Navbars are one of the most common components you will create in React. Creating a good navbar also teaches core concepts about how React and routing work together which makes this the perfect beginner project. In this video I will show you how to implement a navbar with routing both from scratch and with React Router.


📚 Materials/References:

GitHub Code: https://github.com/WebDevSimplified/r...
FREE React Hooks Course: https://courses.webdevsimplified.com/...


🌎 Find Me Here:

My Blog: https://blog.webdevsimplified.com
My Courses: https://courses.webdevsimplified.com
Patreon:   / webdevsimplified  
Twitter:   / devsimplified  
Discord:   / discord  
GitHub: https://github.com/WebDevSimplified
CodePen: https://codepen.io/WebDevSimplified


⏱️ Timestamps:

00:00 - Introduction
00:48 - Navbar HTML
02:24 - Navbar CSS
05:55 - Routing without React router
12:30 - Routing with React router


#React #WDS #Navbar


Watch video How To Create A Navbar In React With Routing online without registration, duration hours minute second in high quality. This video was added by user Web Dev Simplified 24 May 2022, don't forget to share it with your friends and acquaintances, it has been viewed on our site 393,883 once and liked it 7.4 thousand people.