Skip to content

Simple React starter template with Vite/Vitest/Typescript setup.

Notifications You must be signed in to change notification settings

bezvoshchuk/vite-vitest-react-ts-starter

 
 

Repository files navigation

A vite-based react starter

Features

  1. vite + typescript + swr
  2. vitest
  3. sass
  4. prettier

Usage

1. Clone to local

git clone [email protected]:monaye/vite-vitest-react-ts-starter.git

2. Install dependencies

npm install

3. Development

npm run dev

Installed Packages

Prettier

npm i -D prettier & eslint-config-prettier

Testing Library Package

npm i -D vitest jsdom
npm i -D @testing-library/react @testing-library/jest-dom
npm i -D @vitest/ui @vitest/coverage-v8

sass support

npm i -D sass

Added Commands

This starter template added few useful commands. For all avaiable commands, please look at the package.json.

Format project with Prettier

Run prettier on whole project including root path. By default prettier ignore file patterns describe in ./.gitignore and ./.prettierignore

npm run format

Run vitest testing

By default vitest includes ['**/*.{test,spec}.?(c|m)[jt]s?(x)'].

npm run test
npm run test:ui
npm run test:coverage

About

Simple React starter template with Vite/Vitest/Typescript setup.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • HTML 48.7%
  • JavaScript 25.8%
  • CSS 19.9%
  • TypeScript 5.5%
  • SCSS 0.1%