filmov
tv
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
React-Icons
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 🔥
Thanks for watching!
GitHub
React-Icons
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 🔥
Thanks for watching!
0:19:16
How To Create A Navbar In React With Routing
0:26:16
Responsive Navbar in React using React Router | Beginner Tutorial
0:46:00
React Navbar Tutorial & Landing Page - Beginner React Project Using React Icons
0:47:10
React Responsive Navbar Tutorial - Beginner React JS Project
0:22:11
Responsive Navbar Tutorial In React JS
0:06:40
Create an Active Page Link in Navbar - React Tutorial 18
0:07:04
React - PART SIX - Landing Page Setup And Creating A Simple NavBar
0:39:53
How To Make Navbar In React JS | Light & Dark Mode Navigation Bar Using React JS
0:16:55
React navbar Tutorial Responsive Animated
3:16:08
React JS Project - Responsive Tour and Travel Website Beginner React JS
0:32:10
Landing Page Tutorial React Js | How To Build A Simple Landing Page In React?
0:32:40
React Responsive Navbar with Tailwind CSS ( Landing Page Tutorial - Part 1 )
0:00:28
React Responsive Navbar Landing page
0:14:28
How to use React Router for multiple pages on your web app (for beginners)
0:00:21
Is that React Navbar Tutorial? #shorts
0:03:25
Prevent Fixed Navbar from Overlapping Content (Content Shifting Upwards)
0:14:33
Responsive Tailwind CSS Navbar || React || Vite
0:22:09
Responsive NavBar Using React JS /Hook/ React-Router-Dom Step By Step For Beginner
0:15:21
How to create a Responsive Navigation Bar (for beginners)
1:18:16
React JS & Tailwind CSS Responsive Website - Beginner Friendly
2:17:37
Build and Deploy a Fully Responsive Website with Modern UI/UX in React JS with Tailwind
0:01:21
Landing page with Responsive Navbar using React
0:10:59
Creating Navbar and Routes | Complete React Course in Hindi #56
0:07:44
React Navbar Change Background Color on Scroll - React JS Website Tutorial
Комментарии