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
4 weeks ago 00:06:14 2
Crocoloko - Barikada
4 weeks ago 01:08:38 1
The Sound of Joker: Folie à Deux
1 month ago 00:02:01 1
Mission: Impossible – The Final Reckoning | Teaser Trailer (2025 Movie) - Tom Cruise
1 month ago 00:08:50 1
Just Dance 2025 Edition - The Making Of
1 month ago 00:04:14 1
The Hunter - Bloodborne (4K UHD 2024)
1 month ago 00:29:09 1
How to draw - Easy portrait tutorial for Kids | Portrait in Prismacolors | Step by step tutorial
2 months ago 00:00:26 4
Literally my favorite thing in the world RN 🦑Her rage is delicious. All credit @drewonthekit #metal
2 months ago 00:05:35 4
Interdimensional cable’s Star Trek - Deep Space X
2 months ago 00:39:19 1
Historian Answers Witchcraft Questions | Tech Support | WIRED
2 months ago 00:08:23 1
Djeff-Z - Summer Nights
2 months ago 02:44:47 1
Best of Debussy - Classical Music Gems
2 months ago 00:05:09 1
FIT FOR AN AUTOPSY - Red Horizon (OFFICIAL MUSIC VIDEO)
2 months ago 00:06:07 1
АйГоршок, АйЛетов, АйЦой - А мы не ангелы, парень (AI Cover)
2 months ago 00:02:09 9
Forest Never Sleeps (Full Song)
2 months ago 01:02:32 1
KIPHI - Green Portal [Full Album]
2 months ago 00:04:03 1
Queen – Keep Yourself Alive (2024 Special Edition)(Official Video)
2 months ago 00:05:50 1
Pink Floyd Another Brick in the Wall Tim Enso Nadi Moss Remix
2 months ago 01:16:30 1
#1 Neurosurgeon: How to Manifest Anything You Want & Unlock the Unlimited Power of Your Mind
2 months ago 00:01:04 1
A2O Rookies ’Zal-Dance Compilation V1‘ Official Video
2 months ago 00:03:34 67
Defeated Sanity - Accelerating The Rot (2024)
2 months ago 00:03:01 1
Outwork feat. Mr Gee x Jennifer Lopez - Elektro x Love Don’t Cost a Thing (Ammaroff Edit)
2 months ago 00:58:23 1
Natasha Wax & Sony Vibe - DJ Set / Manufacturing (Rostov-on-Don) (Tech House Mix)
2 months ago 00:00:00 53
LIVE STREAM: GALA Super Grand Prix World Grand Prix Mediterranean Legends | October 29 ⭐️
2 months ago 00:00:31 3
Dungeons & Dragons: Honor Among Thieves | Questions For A Corpse Clip (2023 Movie)