Help! How to make masonry layout in react
Mohd Ahmad

Mohd Ahmad @mohdahmad1

About: i am a frontend web developer

Location:
India
Joined:
Dec 1, 2020

Help! How to make masonry layout in react

Publish Date: Jul 29 '21
0 1

Hey there, I am making a react photo gallery app in which I am consuming UNSPLASH API, but I am not able to make a masonry layout in my app.

I have found many techniques to make masonry layouts, but none of them satisfy my needs.

#1 CSS column layout technique
CSS_ERR

problem :: It is mixing previous and newly added photos, and IDK why?

#2 using react-masonry-css
image
problem :: bottom layout is broken

#3 using react-responsive-masonry
problem :: same as #2 bottom layout is broken

#4 using react-photo-gallery
problem :: no support for using next/image and blurhash

#4 using StackGrid
problem :: no support for infinite loading and it is too slow

Comments 1 total

  • N.Watanabe
    N.WatanabeMar 31, 2022

    I'm happy if you could share sourcecode

Add comment