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
templatereact-ts- 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:
or justyarn installyarn- 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
file, with the following contents:.eslintrc.jsmodule.exports = {extends: "airbnb-typescript-prettier"};
-
Start the development server
or yarn devnpm run dev
Build the distributable
or yarn buildnpm run build
Serve the distributable
or yarn servenpm run serve
NOTE: You have to build it first.
Языки
TypeScript
- HTML
- SCSS
- Dockerfile
- EJS
- JavaScript