Creating Instagram UI with ReactJS - Part 2: Posts Grid
This is part 2 of the series where I create the Instagram UI with ReactJS.
In this part I add the mock data to the project and we create the content section.
The code in this video can be found on this GitHub repository:
Timestamps:
0:00 Introduction
0:18 Adding json and images
1:03 Creating the Post and Comment models
2:57 Creating content section component
4:22 Importing the json
5:46 Creating post component
12:11 Add post overlay
18:59 Fixing navbar to stick to the top
22:09 Adding onclick function to the posts
26:02 Fixing console warnings
3 views
0
0
2 weeks ago 00:02:16 1
The End of The Sun - Official Release Date Trailer | A Slavic Mythology Adventure Game
3 weeks ago 00:10:17 2
DRIFTERZ – THE BEGINNING: PART 1 | TIL SCHWEIGER | Official Action Movie 2025 | 4K ULTRA HD
4 weeks ago 00:08:11 1
PAM Thermal Spa Hotel - Pamukkale / Denizli
4 weeks ago 00:11:54 1
Taj Experience | Taj Holiday Village Resort & Spa | Goa | The Offbeat Couple
4 weeks ago 00:02:25 1
Юлия Савичева - Если в сердце живет любовь (HAYASA G Remix)
4 weeks ago 00:22:01 1
Recreating the Last Meal of Ötzi the Iceman
4 weeks ago 00:03:32 1
SEPTICFLESH - Psychohistory (Official Music Video)
4 weeks ago 00:14:44 1
Peaky Blinders Hat /Newsboy Cap Sewing Tutorial w Free Pattern Download
4 weeks ago 00:52:33 1
From Dreams to Reality - Creating a ’Goldfish Spirit’ / Relaxing Art Process / BJD Art OOAK
4 weeks ago 00:04:20 1
Ласковый май / Rammstein - Седая ночь / Du hast (Cover by Brothers’n’Sisters)
1 month ago 00:01:29 1
Cult of the Snowman
1 month ago 00:19:22 1
Create Mind-Bending Effects with this Hidden Effect in After Effects!
1 month ago 00:15:30 3
G Line Winter Adventures - out on the road with German Roamers
1 month ago 00:03:27 17
Nora Kelly Band - See You in Hell (from Lost Records: Bloom & Rage)