React Navbar Tutorial & Landing Page - Beginner React Project Using React Icons
Learn how to build a fully responsive navbar and landing page in React JS using the useState hook and functional components. In this tutorial I explain how to install and use React-Icons for the hamburger menu as well as social icons throughout the landing page.
GitHub
https://github.com/fireclint/React-Na...
React-Icons
https://react-icons.github.io/react-i...
Time Stamps:
00:01 What We Are Building
00:40 Installing Create-React-App
02:52 Project Setup
05:28 Import Google Font
06:20 Create "Navbar" Component
09:28 Using React-Icons (Don't forget to install the package "npm i react-icons --save")
10:07 Navbar Styling
16:34 useState Hook for Navbar Functionality
19:45 Create "Hero" Component
29:42 Hero Styling
🔥 My Coding Equipment 🔥
Logitech MX Wireless Keyboard - https://amzn.to/3xKPFiN
Logitech MX Master 2S Wireless Mouse - https://amzn.to/3O5WmRD
SAMSUNG 49-Inch Gaming Monitor - https://amzn.to/3mvUy8M
Shure MV7 USB Podcast Microphone - https://amzn.to/3O00nqG
Mic Boom Arm - https://amzn.to/3NHn6YU
Monitor Desk Light Bar - https://amzn.to/3xzKlyj
Thanks for watching!
Watch video React Navbar Tutorial & Landing Page - Beginner React Project Using React Icons online without registration, duration hours minute second in high quality. This video was added by user Code Commerce 28 October 2021, don't forget to share it with your friends and acquaintances, it has been viewed on our site 8,929 once and liked it 200 people.