Simple Responsive Image Gallery in React | Masonry in React js | Responsive Image gallery in React

Simple Responsive Image Gallery in React | Photo Gallery React | Responsive Image gallery in React
_____________________________________________________

React js Project Tutorial Playlist-

Telegram Channel Link-

_____________________________________________________

This video is only education proposed
This video is not designed to harm anyone.
_____________________________________________________

_____________________________________________________

Track: Lost Sky - Dreams pt. II (feat. Sara Skinner) [NCS Release]
Music provided by NoCopyrightSounds.
______________________________________________________

Track: Unknown Brain - Inspiration (feat. Aviella) [NCS Release]
Music provided by NoCopyrightSounds.
______________________________________________________

#codewithyd #react #reactjs

[carlosalvarez]

where is the code or the repository mi friend?

[happinin]

can you show us how to animate the slides when going previous or next?

[muhammadumair]

Awesome Content for React JS Thanks alot ♥.

[Mark-lgqe]

The images are too large in 2 columns when first time loading the site, It will not calculate the browser size and set the number of columns.

[sudo-apt-upgrade-brain]

Just what I needed. Clean and simple. Thanks!

[danielekslin]

hey your vids are helpful
but the background music is horrible

[jamesgriesedieck]

Awesome quick video! Only thing you left out is how to create a continuous loop to cycle through the images when the onClick right reaches the end of the image array, but trying to figure out myself. Thanks!

[WillYazdani]

works fine for desktop but literally doesn't work at all on mobile viewports. At least for me.

[JeremyMecham]

Amazing thank you. I am having difficulty with this and several other galleries in React where the images are not so neatly served up with the same name and in an array... Could use some notation on how to properly form the array to suit the needs of the code, specifically using NextJS and Sanity I am still looking for answers any help is greatly appreciated!

[enriquemnd]

Is there a way to make one of the images to use two columns of the grid?, or one to use half a column and the one next to it to use the extra space?