React - How To Create A Navbar In React With Routing

Discover React Mastery: From Essential Concepts to Advanced Hooks, Master React Development with Real-World Projects and Boost Your Skills in Record Time!

4.0 (0)

12 learners

What you'll learn

Understand the fundamental concepts of React, including components and hooks.
Differentiate between React state and props and their respective uses.
Build and enhance web applications using React, including implementing features like infinite scrolling and currency conversion.
Apply React best practices to optimize application performance and debugging processes.

This course includes

43.3 hours of video
Certificate of completion
Access on mobile and TV

Summary

Keywords

webdevsimplified react react navbar reactjs react js react javascript react js navbar reactjs navbar react javascript navbar nav bar navbar nav bar js

Full Transcript

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

Continue this lesson in the app

Install CourseHive on Android or iOS to keep learning while you move.

Welcome