Modern React + TypeScript app setup
powered by Vite
build tool and Vitest
test framework
The official React documentation do not explain how to start a simple project. Create-react-app used to be the de facto choice for that, but hasn't been properly maintained for the past few years. Since then, the JavaScript ecosystem has changed with, for instance the emergence of Vite build tool, offering significant better performance over Webpack.
This goal of this project is to address this lack for a simple solution.
- Clone this repo
- Follow the rest 👇
- NodeJS v20+
- Pnpm package manager
i
- Install dependenciesdev
- Run local serverbuild
- Build for produtionlint
- Lintertest
- Teststest:ui
- Tests with UIcoverage
- Test coverage./coverage/index.html
(open in browser)json
- Mock API server
- Vite frontend tooling
- Vitest testing framework
- React UI library
- React router React router
- TypeScript JavaScript with types
- Effector State manager
- Axios HTTP client
- Material UI UI Components
- json-server fake rest API