https://github.com/fourthmace/boilerplate-react-mui-ts
simple boilerplate for React.ts + MUI
https://github.com/fourthmace/boilerplate-react-mui-ts
mui react typescript vite
Last synced: 5 months ago
JSON representation
simple boilerplate for React.ts + MUI
- Host: GitHub
- URL: https://github.com/fourthmace/boilerplate-react-mui-ts
- Owner: fourthmace
- Created: 2024-11-11T05:54:09.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-11-11T11:23:27.000Z (over 1 year ago)
- Last Synced: 2025-03-26T22:25:32.497Z (about 1 year ago)
- Topics: mui, react, typescript, vite
- Language: TypeScript
- Homepage:
- Size: 103 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Project Setup
Follow the steps below to set up your React TypeScript project with Vite.
## Steps to Initialize the Project
1. **Create the Project:**
```bash
yarn create vite my-react-app --template react-ts
```
- Choose the following options:
- **Framework**: React
- **Variant**: TypeScript
2. **Navigate to the Project Directory:**
```bash
cd project_name
```
3. **Install Dependencies:**
```bash
yarn install
```
4. **Add Required Packages:**
- **React Router**:
```bash
yarn add react-router react-router-dom
```
- **React Hook Form**:
```bash
yarn add react-hook-form @hookform/resolvers
```
- **Material UI**:
```bash
yarn add @mui/lab @mui/material @mui/icons-material @emotion/react @emotion/styled
```
- **Yup**:
```bash
yarn add yup
```
- **Axios**:
```bash
yarn add axios
```
- **Notistack**:
```bash
yarn add notistack
```
- **Types Node**:
```bash
yarn add framer-motion
```
- **Types Node**:
```bash
yarn add @types/node --dev
```
5. **Run the Development Server:**
```bash
yarn run dev
```