Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/nickserv/vite-react-testing

Uses Vite, Vitest, and React Testing Library to create a modern React app compatible with Create React App
https://github.com/nickserv/vite-react-testing

javascript react testing vite

Last synced: 23 days ago
JSON representation

Uses Vite, Vitest, and React Testing Library to create a modern React app compatible with Create React App

Awesome Lists containing this project

README

        

# Vite + React + Testing

Uses [Vite](https://vitejs.dev/), [Vitest](https://vitest.dev/), and [React Testing Library](https://github.com/testing-library/react-testing-library) to create a modern [React](https://react.dev/) app compatible with [Create React App](https://create-react-app.dev/)

![Vite + React + Testing](https://user-images.githubusercontent.com/927220/179299319-6357c886-d220-4cfd-beff-f3ffbbf9ee89.png)

Using TypeScript? See the [TypeScript template](https://github.com/nickmccurdy/vite-react-testing-typescript).

## Goals

- Easy migration from Create React App or Vite
- As beginner friendly as Create React App
- Optimized performance compared to Create React App
- Customizable without ejecting

## Scripts

- `dev`/`start` - start dev server and open browser
- `build` - build for production
- `preview` - locally preview production build
- `test` - launch test runner

## Inspiration

- [Create React App](https://github.com/facebook/create-react-app/tree/main/packages/cra-template)
- [Vite](https://github.com/vitejs/vite/tree/main/packages/create-vite/template-react)
- [Vitest](https://github.com/vitest-dev/vitest/tree/main/examples/react-testing-lib)