Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/fabien-ml/react-ts-vite-template
React TypeScript template with Vite
https://github.com/fabien-ml/react-ts-vite-template
Last synced: about 1 month ago
JSON representation
React TypeScript template with Vite
- Host: GitHub
- URL: https://github.com/fabien-ml/react-ts-vite-template
- Owner: fabien-ml
- License: mit
- Created: 2021-08-31T13:43:35.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2023-06-13T10:17:32.000Z (11 months ago)
- Last Synced: 2024-01-26T10:09:44.180Z (4 months ago)
- Language: TypeScript
- Size: 972 KB
- Stars: 115
- Watchers: 3
- Forks: 31
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- License: LICENSE.md
Lists
- awesome-vite - react-ts-vite-template - React, TypeScript, Jest, Testing Library, Cypress, ESLint, Prettier, Husky. (Get Started / Templates)
- awesome-vite - react-ts-vite-template - React, TypeScript, Jest, Testing Library, Cypress, ESLint, Prettier, Husky. (Get Started / Templates)
- awesome-vite - react-ts-vite-template - React, TypeScript, Jest, Testing Library, Cypress, ESLint, Prettier, Husky. (Get Started / Templates)
- awesome-viter - react-ts-vite-template - React, TypeScript, Jest, Testing Library, Cypress, ESLint, Prettier, Husky. (Get Started / Templates)
- awesome-stars - react-ts-vite-template - ml | 120 | (TypeScript)
- awesome-vite - react-ts-vite-template - React, TypeScript, Jest, Testing Library, Cypress, ESLint, Prettier, Husky. (Get Started / Templates)
- awesome-vite - react-ts-vite-template - React, TypeScript, Jest, Testing Library, Cypress, ESLint, Prettier, Husky. (Get Started / Templates)
- awesome-vite - react-ts-vite-template - React, TypeScript, Jest, Testing Library, Cypress, ESLint, Prettier, Husky. (Get Started / Templates)
README
# React TypeScript template with Vite
This is a [React](https://reactjs.org) + [TypeScript](https://www.typescriptlang.org/) boilerplate built with [Vite](https://vitejs.dev).
## What's inside?
- [ReactJS](https://reactjs.org)
- [Vite](https://vitejs.dev)
- [TypeScript](https://www.typescriptlang.org)
- [Jest](https://jestjs.io)
- [Testing Library](https://testing-library.com)
- [Cypress](https://www.cypress.io)
- [ESLint](https://eslint.org)
- [Prettier](https://prettier.io)
- [Polyfills](https://github.com/vitejs/vite/tree/main/packages/plugin-legacy#readme)
## Getting started
1. Create the project.
```bash
npx degit fabien-ml/react-ts-vite-template my-app
```
2. Access the project directory.
```bash
cd my-app
```
3. Initialize a git repository.
```bash
git init
```
4. Install dependencies.
```bash
npm install
```
5. Start dev server with hot reload at http://localhost:3000.
```bash
npm run dev
```
## Recommended VS Code extensions
- [ESLint](https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint)
- [Prettier](https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode)
## Other commands
### Lint commands
```bash
npm run lint
```
### Build commands
```bash
npm run build
```
### Run the app in production mode at http://localhost:3000.
```bash
npm run serve
```
### Test commands
- Run unit tests and watch
```bash
npm run test:unit
```
- Run unit tests with coverage
```bash
npm run test:unit:coverage
```
- Run e2e tests
```bash
npm run test:e2e
```
## License
This project is licensed under the MIT License.