Material UIが新しくなってv5になったという話を聞いたので調べてみた
こちらの記事が参考になった zenn.dev
普段は使ってないので詳しく調べてなかったのだが、そもそも勘違いしていたのはMaterial UIはGoogleのMaterial Designを元に React 実装されたもので、Googleは関係ないということだった
実はそういう認識間違いをしている人は私だけでは無かったらしく、ちょうどv5からブランド名がMaterial UI
からMUI
に変わったとのこと
それに伴い、ロゴやパッケージ名もv5から変更されている
スタイリングソリューションについて
CSS-in-JS にJSSを使っていたがそれをやめて、emotion か Styled-components の好きな方を選べるようになったみたい
普段はStyled-componentsを使っているので助かる
ただ、親和性やパフォーマンスの面ではemotionの方が良さそう
sx props
sx props
と呼ばれるTailwindのようなユーティリティもあるみたい
<Button sx={{ my: 1 }}>Test</Button>
インラインスタイルユーティリティで気になるレスポンシブデザインの場合の対応もされているので安心できる