react-vite-ts-eslint-prettier-template
README.md
Starting point for React apps
This is an opinionated starting point, to get you going with React & Vite.
It uses
- Vite
- TypeScript
- ESLint
- Prettier
- React Router
- Scoped SCSS
Steps to reproduce
- Create Vite with the
react-ts
template- Getting Started | Vite
- Run on of the following:
yarn create vite <project-name> --template react-ts
npm init vite@latest <project-name> --template react-ts
- Install necessary packages
cd <project-name>
- Run one of the following:
yarn install
or justyarn
npm install
- Install template packages
- eslint-config-airbnb-typescript-prettier - npm
yarn add typescript eslint prettier eslint-config-airbnb-typescript-prettier --dev
npm install typescript eslint prettier eslint-config-airbnb-typescript-prettier --save-dev
- Add ESLint template
-
make a
.eslintrc.js
file, with the following contents:module.exports = {extends: "airbnb-typescript-prettier"};
-
Start the development server
yarn dev
or npm run dev
Build the distributable
yarn build
or npm run build
Serve the distributable
yarn serve
or npm run serve
NOTE: You have to build it first.
Языки
TypeScript
- HTML
- SCSS
- Dockerfile
- EJS
- JavaScript