How To Create A Navbar In React With Routing

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