開発者であっても、アプリにデザインやアニメーションを追加したい場合は、MUI またはマテリアル UI を使用する必要があります。

なぜ？これは、デザイン言語を備えた強力な React UI フレームワークの 1 つです。さらに、それは 2014 年に Google によって作成されたということです。そして、それは単なる基本的なデザイン アプリではありません。デザイン、アニメーション、グリッド システム、照明効果が豊富にあります。

React.js 以外にも、Angular.js や Vue.js でも使用できます。マテリアル デザインの原則に従っています。 MUI ウィジェット ライブラリには、ボタンからデータ テーブルまであらゆるものを作成するのに役立つボタンが多数あります。

それでは、MUI の前提条件はありますか?そうですね、コードエディタが必要です。それだけでなく、React アプリの開発に関する知識も必要です。

もっとも、現時点ではMUIを採用しているかどうかを公表している大手企業は1社もありません。ただし、OpenClassrooms や QuintoAndar などは、それを使用しています。

しかし、開発者はなぜそれを使用するのでしょうか?また、それを使用する利点は何ですか? MUI には次の利点があります:

1. コンポーネントのプロパティからテーマに簡単にアクセスできます。これにより、それらを検索する必要がなくなります。
2. UI の明確な一貫性。
3. 高速パフォーマンス。
4. あらゆるテーマとの互換性。

さて、より大きな問題は、それをどのようにインストールするかです。そうですね、

npm install @material-ui/core

そしてタダ!

でも、初心者にとって MUI を学ぶのは難しいですか?うーん、ダメ。

これは、ドキュメントが詳細すぎるためです。彼らはライブラリの使用例もたくさん持っています。したがって、すべてのドキュメントを使用して学習することは非常に役立ちます。しかし、これは MUI に欠点がないという意味ではありません。

MUIのバンドルサイズが大きいです。これはおそらくコンポーネントの収集の包括性によるものです。時々、MUI が不必要な設計制約を課していると感じる人もいます。