https://github.com/heiwa4126/material-vite-ts
a MUI example from https://mui.com/material-ui/getting-started/example-projects/
https://github.com/heiwa4126/material-vite-ts
example muiv5
Last synced: 8 months ago
JSON representation
a MUI example from https://mui.com/material-ui/getting-started/example-projects/
- Host: GitHub
- URL: https://github.com/heiwa4126/material-vite-ts
- Owner: heiwa4126
- Created: 2023-05-26T06:27:08.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2024-07-22T02:12:21.000Z (about 1 year ago)
- Last Synced: 2025-01-04T15:49:36.723Z (9 months ago)
- Topics: example, muiv5
- Language: TypeScript
- Homepage:
- Size: 70.3 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# material-vite-ts
MUI本家にあった Vite+React(TypeScript) の examplesをやってみる。
出所:
- [Example projects - Material UI](https://mui.com/material-ui/getting-started/example-projects/)
- [material-ui/examples/material-vite-ts at master · mui/material-ui · GitHub](https://github.com/mui/material-ui/tree/master/examples/material-vite-ts)
## 変更点
- 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](https://github.com/mui/material-ui):
```sh
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:
```sh
npm install
npm run dev
```
or:
[](https://stackblitz.com/github/mui/material-ui/tree/master/examples/material-vite-ts)
[](https://codesandbox.io/s/github/mui/material-ui/tree/master/examples/material-vite-ts)
## The idea behind the example
This example uses [Vite.js](https://github.com/vitejs/vite).
It includes `@mui/material` with `@mui/icons-material` and their peer dependencies, including [Emotion](https://emotion.sh/docs/introduction), 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](https://mui.com/material-ui/getting-started/templates/) section.