React Grid System は良いぞ

2021-06-08

Material-UI があまり好きでない自分ですが、CSS で Grid を組むのって結構めんどくさいですよね。

とくにある程度複雑な Grid だと CSS で組んでいて楽しいのですが、単なるリストとかを Grid で組むのがあまり好きじゃなかったりします。

一方 Material-UI には Grid の機能が提供されていて、これが結構使いやすいんですよね。

Grid

シンプルでレスポンシブで、この機能だけ提供してくれないかなーと思うこともありました。


そんな中、先日 React Grid System というのを見つけたました。

React Grid System

そこまでダウンロード数は多くないのですが、なかなか直感的に使えて良いです。

レスポンシブ対応も申し分なく、提供されている機能も最低限でシンプル、かゆいところにも意外と手が届くにくめないパッケージです。


ところで React で Grid となると React-Grid-Layout のほうが有名なのですが。

React-Grid-Layout

これはちょっと高機能過ぎたのと、型が少しだけ古そうだったので今回はパスしました。

ケースバイケースで使い分ければ十分かなと。


ということで React Grid System の紹介でした。

CSS で Grid 組むのめんどくせーよーって方にオススメです。

© 2018 kk-web