Chakra UI から Radix UI への乗り換え

[konojunya]

現状 microverse-dev の nextjs-template は Chakra UI を使っていますが、CSS を結構 override することが多いので Radix UI に乗り換えるのも検討したい

https://www.radix-ui.com/

基本的なコンポーネントは Chakra と遜色ないぐらい揃っている点と基本 headless UI なので override 前提なのが使い勝手良さそう

Pros

• headless UI なので css を自前で書くことが多い LP や web app でもかなり使いまわせそう
• コンポーネントも十分揃っている
• アイコンは chakraui/icons より多く存在してる
• css は styled-component でも emotion でもなんでも使える（個人的にはradix推しの https://stitches.dev/ でやってもいいかなと思ってる）

Cons

• design system をちゃんと作らないとなんかよしなに〜みたいなのはやりにくいかも（initial costがそこそこかかりそう）
• skelton とか text とか便利なコンポーネントが存在しないので、自前で実装する必要がある（radix-ui/design-systemに実装はあるのでそれ参考にできる）