How To Create A Navbar In React With Routing

Web Dev Simplified

pop culture beginner react project nav bar nav bar javascript nav bar js navbar navbar javascript navbar js react react javascript react javascript navbar react js react js navbar react navbar reactjs reactjs navbar webdevsimplified

description

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 ... https://www.youtube.com/watch?v=SLfhMt5OUPI

created

2022-05-24

staked

0.37715137 LBC

license

Copyrighted (contact publisher)

File size

162887748 Bytes