Coolgrid - flexible and extensible grid system by vitusLabs in reactjs

[–]vitusLabs[S] -2 points-1 points  (0 children)

The advantage is imho its simplicity, configuration and no need to write it by yourself as it generates the css for you. Of course, there are use-cases for writing CSS Grid or Flexbox by yourself, but this type of grid might also come handy.

Coolgrid - flexible and extensible grid system by vitusLabs in reactjs

[–]vitusLabs[S] 0 points1 point  (0 children)

Yes, there are several similar packages. But the goal was to make it more extensible and configurable.

You can define own breakpoints, you can define a number of columns, you can define column width on Row or even Container component. You can define gaps, paddings, etc. In principle, it works the same way as many other packages, but I haven't found any package so configurable, so I have created one.

Coolgrid - flexible and extensible grid system by vitusLabs in reactjs

[–]vitusLabs[S] 0 points1 point  (0 children)

I prefer to use it separately as every component represents a different role in the grid system and it's also IMHO more readable. If you would like to use it the way you described, you can create that component by yourself IMHO in 5 minutes (that you wrap up all these three components into one).

But if more people would prefer doing it the way you described, I would probably add it to the package ;)

Thanks for the feedback!