今イチオシのReact向けUIキットはchakra-uiだよというお話

agrinote insideで発表した内容をブログ向けにリライトしました。なのでブログっぽい口調ではありません

最初に紹介リンク

これね
Chakra-UI

昔から色々あるやつ

  • Bootstrap
    • jQueryだった時代にはコレで良かった
  • Material-ui
    • 部品としてはコレでいいけど、レイアウト的な要素が使いにくい
    • マテリアルっぽくなる

Typescript + React + StyledComponent(Emotion) が使いたい

👇
Smooth-ui

良かった。

  • Emotionなのでコレ入れておけば細かいデザインもできる
  • Styled Systemを取り入れている
    • 例えば、m={4}でマージン16pxを表現。mt={2}でマージン8pxを表現
      • この比率はデフォルト値であり、それすら変えられる
  • Typescript対応を有志がコミットしていた

でも

  • 作者がTypescript対応を諦めた。
  • Docsも壊れている

もう使い物になりません。



次の候補(2020年5月調べ)

Chakra-UI

GUI組み立てツールがあるのが良い

openchakra

  • 実は無いパーツとかもあったりはするのだが。。

本当はもっと楽したい

XDでプロトタイプ作ったらそれをReactとして出力したいけど、コンポーネントはこれらを使うとか。