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!
Смотрите видео React Navbar Tutorial & Landing Page - Beginner React Project Using React Icons онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь Code Commerce 28 Октябрь 2021, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 8,929 раз и оно понравилось 200 людям.