React Navbar Tutorial - Responsive Navbar in React JS (Advance)
629Create react navbar using advanced react js methods. In our previous tutorial, we have created a responsive navbar using basic react js. But in this tutorial we are going to use advance functionalities for creating this navbar using react js.
Code Sandbox: https://codesandbox.io/
Level 1(Previous Tutorial): https://youtu.be/23BHwAFIZmk
Source Code1: https://www.buymeacoffee.com/tech2etc/e/85299
Source Code2: https://ko-fi.com/s/7f02c9c3fd
GitHub repo: https://github.com/tech2etc/React-Navbar-Advance
All Source Codes: https://www.buymeacoffee.com/tech2etc
⛔❌Do Not CLICK This Link: https://bit.ly/3lJLyLY
Need any help? Join my Discord: https://discord.gg/C58ZQAk2DE
⭐️ Merch ⭐️
👕 Merchandise: https://tech2-etc.creator-spring.com
If you enjoyed this video, then please please 👍LIKE and SUBSCRIBE this channel & press the bell icon for future videos.
Thank you.
=============
SUPPORT ME 💪
=============
🎁 Support and Buy Me A Coffee for exclusive episodes, discord and more!
https://www.buymeacoffee.com/tech2etc
🎀 Donate Me By PayPal: https://www.paypal.com/paypalme/tech2etc
==========================
Free Course to Improve Your Skills
==========================
✅ WordPress Insider:
https://youtube.com/playlist?list=PL9bD98LkBR7NBwgZ8VJ-Xae9d9VebQKcF
✅ Learn Bootstrap With Projects:
https://www.youtube.com/playlist?list=PL9bD98LkBR7MQDG8yyLk3M95HJit70Pcu
✅ Web Development For Beginners:
https://www.youtube.com/playlist?list=PL9bD98LkBR7PiaJM56jgopq7mn9L3nDug
✅ Responsive Web Design With Projects:
https://www.youtube.com/c/Tech2etc/playlists?view=50&sort=dd&shelf_id=5
✅ Learn JavaScript With Projects:
https://youtube.com/playlist?list=PL9bD98LkBR7P16BndaNtP4x6Wf5Ib85Hm
✅ Learn Python With Projects:
https://youtube.com/playlist?list=PL9bD98LkBR7MiD-jeRLfaakke09zYSXrD
===============================
Connect with me & get daily updates👇
===============================
Discord: https://discord.gg/C58ZQAk2DE
Instagram: https://www.instagram.com/fahimulkabir.tech2etc/
Twitter: https://twitter.com/tech2etc
LinkedIn: https://www.linkedin.com/in/fahimulkabirchowdhury/
Group: https://www.linkedin.com/groups/14295322/
FB (Personal): https://www.facebook.com/mdfahimulkabir
FB Page: https://www.facebook.com/Tech2etc
Chapters:
0:00 Intro
2:27 Project Setup(Code Editor)
4:06 File Description
6:12 Create Components
13:56 Dynamic Menu Items
25:51 Styling Menu Items
34:16 Working Hamburger Menu
40:27 Responsive Navbar
48:57 Show and Hide Sidebar
55:45 Deploy Your Project
#reactjs #react #web