LoginSignup
0
0

More than 1 year has passed since last update.

Material-UI V5(MUI)へのマイグレーション

Last updated at Posted at 2021-09-16

はじめに

ちょっと前からMaterial-UI使っているので浅い知識で色々試行中ですが・・・
v5が2021/09に正式リリースになったので、マイグレーションしてみました。

v5機能

MUI Versionsに記載があります
リリースノートによると

  • npmで200M DL/月→ 950M DL/月
  • コントリビューターは600人以上

この数字はv4→v5の1年間での成長だと思いますが、エコシステムとして順調に成長している感じですね。
個人的には色々コンポーネント試用しましたが、直感的で使いやすいと感じていますし、
ドキュメントも充実していて十分業務でも使えます。

https://deploy-preview-27912--material-ui.netlify.app/blog/material-ui-is-now-mui/
パッケージ見ればわかりますが名称が「MUI」ですね
ロゴも変更されてます
image.png

v5へのマイグレーション

実装量も少ないので、移行ガイドに従ってやってみました。
手修正な部分もありますが基本は「@mui/codemod@next」でマイグレーションできます。

基本的なコンポーネントは互換性があるように見えます。
image.png
image.png

スタイル周りで非互換や非推奨がありそうですが、まずは移行させて動作確認してを繰り返しですかね?
まだ新しいコンポーネントなどは試していませんが。今後試していきたいと思います。

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0