Creating Instagram UI with ReactJS - Part 1: Navigation Bar
This is part 1 of the series where I create the Instagram UI with ReactJS.
In this part I show you how to set up the project and we create the navigation bar.
The code in this video can be found on this GitHub repository:
Timestamps:
0:00 Introduction
0:20 Project setup
2:22 Starting development server
3:45 Adding landing component
6:04 Creating the navbar
7:36 Dividing navbar into sections
9:15 Making the logo section
10:09 Making the searchbar
16:21 Fixing the searchbar focus
17:18 Adding the state to the searchbar
21:47 Making the actions section
29:32 Adding hover effect on buttons
11 views
0
0
1 week ago 00:08:11 1
PAM Thermal Spa Hotel - Pamukkale / Denizli
1 week ago 00:11:54 1
Taj Experience | Taj Holiday Village Resort & Spa | Goa | The Offbeat Couple
1 week ago 00:02:25 1
Юлия Савичева - Если в сердце живет любовь (HAYASA G Remix)
1 week ago 00:22:01 1
Recreating the Last Meal of Ötzi the Iceman
1 week ago 00:03:32 1
SEPTICFLESH - Psychohistory (Official Music Video)
1 week ago 00:14:44 1
Peaky Blinders Hat /Newsboy Cap Sewing Tutorial w Free Pattern Download
1 week ago 00:52:33 1
From Dreams to Reality - Creating a ’Goldfish Spirit’ / Relaxing Art Process / BJD Art OOAK
1 week ago 00:04:20 1
Ласковый май / Rammstein - Седая ночь / Du hast (Cover by Brothers’n’Sisters)
2 weeks ago 00:01:29 1
Cult of the Snowman
2 weeks ago 00:19:22 1
Create Mind-Bending Effects with this Hidden Effect in After Effects!
2 weeks ago 00:15:30 3
G Line Winter Adventures - out on the road with German Roamers
2 weeks ago 00:03:27 14
Nora Kelly Band - See You in Hell (from Lost Records: Bloom & Rage)