fspoettel / vite-react-ts-template

extended version of vite's official react-ts template. adds CI, linting, testing and auto-formatting.

vite-react-ts-template

extended version of vite's official react-ts template.

additional features:

• eslint for linting.
• vitest + testing-library for testing.
• prettier + lint-staged hook for code formatting.
• github actions for continuous integration.
• lightningcss + browserslist for CSS transpilation.

Install

# install dependencies.
npm i

Develop

npm run dev

Build

npm run build

Test

npm test

# run vitest in watch mode.
npm run test:watch

# collect coverage.
npm run test:coverage

Lint

npm run lint

Format

npm run fmt

Prettier will be run automatically on commit via lint-staged.

Preview

Serves the content of ./dist over a local http server.

npm run preview