https://github.com/azakharo/react-ts-vite-starter
Boilerplate code to start a new React application (SPA) with Typescript and Vite
https://github.com/azakharo/react-ts-vite-starter
boilerplate boilerplate-application boilerplate-front-end boilerplate-template eslint material-ui mui muiv5 prettier react reactjs starter starter-app starter-kit starter-project starter-template typescript vite vitejs vitest
Last synced: 6 months ago
JSON representation
Boilerplate code to start a new React application (SPA) with Typescript and Vite
- Host: GitHub
- URL: https://github.com/azakharo/react-ts-vite-starter
- Owner: azakharo
- Created: 2023-08-30T12:11:11.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2025-02-09T17:20:41.000Z (8 months ago)
- Last Synced: 2025-02-09T18:27:44.784Z (8 months ago)
- Topics: boilerplate, boilerplate-application, boilerplate-front-end, boilerplate-template, eslint, material-ui, mui, muiv5, prettier, react, reactjs, starter, starter-app, starter-kit, starter-project, starter-template, typescript, vite, vitejs, vitest
- Language: TypeScript
- Homepage:
- Size: 1.27 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# React.js Typescript application starter which uses Vite
Usage: create fast prototypes, solve test tasks or start a new project.
## Features:
* You can write Typescript or Javascript code with the latest JS features.
* ESLint configured using airbnb's config
* Auto code formatting with Prettier.
* Dev server with hot module reloading (HMR)
* Production optimized build
* Client-side routing (react-router v6)
* Material UI toolkit (mui v5)
* axios
* Login and Main page skeletons. Dummy implementation for handling the authentication has already been added.
* vitest
* FSD folders (shared, entities, features, widgets, etc). Aliases configured.
## Quick start
First install dependencies:
```sh
npm install
```
To run in the development mode with hot module reloading:
```sh
npm start
```
That command opens http://localhost:4000 page in your browser.
To create a production build:
```sh
npm run build
```
See "dist" folder for results.
To run the production build:
```sh
npm run preview
```
To run the tests:
```sh
npm test
```