Open7
ReactのUIライブラリメモ
Mantine
依存ライブラリ
・emotion
・radix
他にも色々
Button
感想
・使ったことないが、APIはいい感じ。Better Chakraかも?
・最近勢いがある
Chakra
依存ライブラリ
・emotion
・framer-motion
バンドルサイズ大きめ
Button
感想
・ここで紹介している昨今のUIライブラリ界を牽引
・たまにAPIが使いづらいが堅実な選択肢
MUI
依存ライブラリ
・emotion / styled-components (choosable)
Button
感想
・Chakraに寄せてきたが、Colorに関してPrimari - Secondaryという思想が若干古めな気はする
Tamagui
依存ライブラリ
・tamagui独自のstyled
Button
感想
・こういうライブラリ使うなら、styledは最小限で良くない?という意味では思想は好き。
・メンテナが1名しかいないので辛そう
・APIが若干微妙
Native Base
依存ライブラリ
・独自
・react-native-web
Button
感想
・デザイントークンファーストなAPIがとてもいい
・React Nativeではこれ一択かもしれない。Webの体験は未知数
観点
- デザイントークン
- TypeScript
- React Nativeサポート
- Bundle size
- 困ったときにprimitiveなcssが書けるか
- React 18サポート
- Stackコンポーネントがあるか(大事)
- colorSchema (10段階) があるか
- variantの考えがあるか。design token的ないい感じの指定ができるか
- a11y
- デフォルトのコンポーネントの使い心地(プライオリティ低め)
- メンテナンス体制(アクティブメンテナが複数名いるか)
いいですね!
最近僕も調べたのですが被っていないのもあって勉強になりました