https://peertube.lagbag.com/videos/watch/b3d5c3a3-8d90-4046-885e-f6cde5bd76b9 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 Wed, 08 Apr 2026 20:23:20 GMT https://validator.w3.org/feed/docs/rss2.html PeerTube - https://peertube.lagbag.com https://peertube.lagbag.com/client/assets/images/icons/icon-512x512.png https://peertube.lagbag.com/videos/watch/b3d5c3a3-8d90-4046-885e-f6cde5bd76b9 All rights reserved, unless otherwise specified in the terms specified at https://peertube.lagbag.com/about and potential licenses granted by each content's rightholder.