material-vite-ts

MUI本家にあった Vite+React(TypeScript) の examplesをやってみる。

出所:

• Example projects - Material UI
• material-ui/examples/material-vite-ts at master · mui/material-ui · GitHub

変更点

• pnpmでやった。
• .tsx を再フォーマットした.
• @vitejs/plugin-react-swc にした。
• "moduleResolution" を "bundler" にした。
• pnpm lint できるようにした。

メモ

package.jsonで、モジュールのバージョンが全部 "latest"

以下オリジナルのREADME.

---

Material UI - Vite.js in Typescript example

How to use

Download the example or clone the repo:

curl https://codeload.github.com/mui/material-ui/tar.gz/master | tar -xz --strip=2 material-ui-master/examples/material-vite-ts
cd material-vite-ts

Install it and run:

npm install
npm run dev

or:

The idea behind the example

This example uses Vite.js. It includes @mui/material with @mui/icons-material and their peer dependencies, including Emotion, the default style engine in Material UI v5.

What's next?

You now have a working example project. You can head back to the documentation, continuing browsing it from the templates section.