Magic Grid
Languages and libraries
javascript layout library
SHOW HN2018
How HN took it
1 positive, 12 neutral or asking, 0 mixed, 7 critical, out of 20 comments about the project. Thread score -0.27.
Idea: 0 for, 4 againstPerformance: 1 for, 0 againstDocs: 0 for, 1 against
The thread, comment by comment
Each row is a top-level comment and its replies, in HN's order. Select a cell to open that comment on HN.
positive neutral or mixed critical about another commenter or something else the maker
What HN said
What people liked
Much lighter than Masonry (2.3kb vs 23.5kb minified) for equal-width items
From 1 comment
Depends on the use case. If the grid's items have varying widths then masonry is the better option. However, for a grid with equal width items, I'll definitely go with magic…
e-oj on HN
Objections
CSS Grid can already do this without a library
From 3 comments
And the reason to use this over built-in CSS grids is...
rmdashrfstar on HNI really don't see what's lacking with CSS Grids for equal-with items. Even accommodating different sizes, and allowing reordering for packing, works fine with just CSS.
matt4077 on HN+1 - I recently went looking for a CSS framework (I was still in the “Bootstrap” mindset), and ultimately decided on vanilla CSS grid + flexbox. If anyone is looking for a…
jahbrewski on HN
Readme did not explain why the library is needed
From 1 comment
This should have definitely been addressed in the readme
thinkloop on HN
Does not support items overlapping rows or columns
From 1 comment
This doesn't and I think most grid solutions keep the items separate
e-oj on HN
Requests
Server-side rendering support
From 1 comment
what about ssr?
jogis on HN
Interspersing elements between rows
From 1 comment
How about a grid of equal-height items, but intersperse something between each row- can this library do that? For example, consider a bookshelf design where the books are the…
dakom on HN
Questions
Why use this instead of built-in CSS grid
From 2 comments
And the reason to use this over built-in CSS grids is...
rmdashrfstar on HNNeat. We use Masonry [1] although I’m not the biggest fan of it. How does this library compare? [1] https://github.com/desandro/masonry
supernintendo on HN
Alternatives named
Masonry
From 2 comments
For those wondering why not just use CSS Grid -- it's not build for that[0] (see @rachelandrew's comment). It's not explained on the repo README but the author goes into it on…
hardwaresofton on HNNeat. We use Masonry [1] although I’m not the biggest fan of it. How does this library compare? [1] https://github.com/desandro/masonry
supernintendo on HN
CSS Grid
From 2 comments
For those wondering why not just use CSS Grid -- it's not build for that[0] (see @rachelandrew's comment). It's not explained on the repo README but the author goes into it on…
hardwaresofton on HNAlthough I've read through the "css grid isn't meant to do this details", you can get fairly close to this with pure css grid, see here:…
captain_crabs on HN
react-virtualized and react-window
From 1 comment
the state of art here is https://github.com/bvaughn/react-virtualized (https://bvaughn.github.io/react-virtualized/#/components/List) and its successor,…
sandGorgon on HN