FREE React Hooks Course: https://courses.webdevsimplified.com/react-hooks-simplified

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/react-navbar
FREE React Hooks Course: https://courses.webdevsimplified.com/react-hooks-simplified


Find Me Here:

My Blog: https://blog.webdevsimplified.com
My Courses: https://courses.webdevsimplified.com
Patreon: https://www.patreon.com/WebDevSimplified
Twitter: https://twitter.com/DevSimplified
Discord: https://discord.gg/7StTjnR
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