Course Hive
Search

Welcome

Sign in or create your account

Continue with Google
or
#21: Building Navbar with React | Open Page without Reloading | MERN Series
Play lesson

MERN STACK IN HINDI 2025 - #21: Building Navbar with React | Open Page without Reloading | MERN Series

4.0 (4)
43 learners

What you'll learn

This course includes

  • 14.5 hours of video
  • Certificate of completion
  • Access on mobile and TV

Summary

Keywords

Full Transcript

Welcome, to frontend development with our MERN Series! 🚀 Learn how to create a user-friendly navbar using React. Learn the magic of opening pages on click without reloading it, for a seamless user experience. 🔗🌟 Get your Free Source Code and Notes now 👉 https://thapatechnical.shop/courses Join us on this exciting coding journey to master the MERN Stack together! Be sure to hit that subscribe button and ring the notification bell, so you never miss our engaging Hindi tutorials. Your web development skills are about to level up – let's do this! 👍 Feel free to like, share, and ask questions in the comments. We're here to help! ----------------------------------------------------- ✌️ Become Member, get access to perks, free Source code, & more.. https://www.youtube.com/channel/UCwfaAHy4zQUb2APNOGXUCCA/join 🚀 Check my Instagram to connect with me: https://www.instagram.com/thapatechnical 🗨️ Discord Server Link for Programmer to Hangout: https://discord.gg/MdScmCsua6 ----------------------------------------------------- ⏳TIMELINE⏳ 0:00 Introduction to the navbar in a MERN app. 1:38 Understanding what a component is in React. 2:38 Learning the naming convention for component files. 3:35 Creating a traditional-style navbar. 6:18 Applying the navbar to our React app. 9:15 Building a navbar without refreshing the page. 10:30 Quick update on HTML course for code. 11:01 Continuing with the navbar 12:10 Adding CSS to style the navbar. ************* 😍 Must Watch Videos For Web Development 😍 ************* ➡️ Complete Reactjs in One video here https://youtu.be/43IbFDSVdB0 ➡️ HTML in One Video: https://youtu.be/pN7BFLfSjFw ➡️ CSS in One video: https://youtu.be/hkQv0NIxKQY ➡️ CSS FlexBox in 30 Minutes: https://youtu.be/6L-PAmZajfA ➡️ JavaScript in One video: https://youtu.be/PODgPW-hbfU ➡️ ECMAScript 6 in One Video: https://youtu.be/Iek4DtRobLA ➡️ HTML5 in one video: https://youtu.be/4V0-YpO-KZo ➡️ CSS3 in one video: https://youtu.be/TFrFx7H5ZI8 ➡️ Bootstrap4 in One video: https://youtu.be/yZnNnvXO8HI ➡️ Jquery in One video: https://youtu.be/PNvyPEQ0y-I ➡️ JSON in one video: https://youtu.be/bMqevPKAPD4 ➡️ ReactJS in one video: https://youtu.be/43IbFDSVdB0 ➡️ PHP in One Video: https://youtu.be/3024Kc6SDJ0 ➡️ NodeJS in one video: https://youtu.be/ipnWAKoiBt ➡️ MySQL in one video: https://youtu.be/5bFxbwjN-Gk ➡️ Advanced JavaScript in Hindi Playlist: https://www.youtube.com/playlist?list=PLwGdqUZWnOp0hSGwasCjbrWSPrEKqB_kz&disable_polymer=true ➡️ ES5 & ES6 | ECMAScript 6 in One Video in Hindi: https://youtu.be/Iek4DtRobLA ➡️ JavaScript Game Development Series in 2020: https://www.youtube.com/playlist?list=PLwGdqUZWnOp1Ub0K1CBuLxLOEN6wTq2bg

Course Hive

Continue this lesson in the app

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

FAQs

Course Hive
Download CourseHive
Keep learning anywhere