【React】npmを利用したMaterialUIのインストール方法のご紹介

1. MaterialUIとは

MaterialUIとは、Reactで利用でき、整ったUIを実現することができます。ボタン、テキストフィールド、セレクトボックス、スライダー。用意されているコンポーネントは非常に多岐に渡ります。MaterialUIの公式サイトは下記です。

MaterialUIの公式サイト

2. React-appの作成

Node.jsが導入されている環境で下記のコマンドを入力します。react-appの雛形が作成されます。

npx create-react-app my-app

3. MaterialUIのインストール

続いて新しく作成したmy-appにMaterialUIをnpmインストールします。

cd ./my-app
npm install @mui/material