A starter template for building React apps with Vite. Includes Vitest for unit testing and a hefty .gitignore file.
mkdir your-app-name
cd your-app-name
npx degit criesbeck/react-vitest
npm install
Verify that the initial app works. Run
npm start
and open the URL displayed.
Verify that the unit tests work with
npm test
Two tests should run and pass.
package.json defines the following scripts:
| Script | Description |
|---|---|
| npm start | Runs the app in the development mode. |
| npm run dev | Runs the app in the development mode. |
| npm run build | Builds the app for production to the dist folder. |
| npm run serve | Serves the production build from the dist folder. |
| npm test | Starts a Jest-like test loop |
If everything is working, set up your local and remote repositories.
your-app-name
├── node_modules
├── public
│ ├── favicon.svg
│ └── robots.txt
└── src
├── App.css
├── App.jsx
├── index.css
├── index.jsx
└── logo.svg
├── .gitignore
├── index.html
├── package.json
├── README.md
├── vite.config.js
React-Vitest built and maintained by Chris Riesbeck.
Inspired by SafdarJamal/vite-template-react. Expanded to include Vitest and some sample tests.
Thanks to Rich Harris for degit.
Gitignore file created with the Toptal tool.
This project is licensed under the terms of the MIT license.