Skip to content
/ react-ts-vite Public template

A starter pack for your React SPA using TypeScript

License

Notifications You must be signed in to change notification settings

jeff-li/react-ts-vite

Repository files navigation

react-ts-vite

An opinionated starter pack for your React app using TypeScript

Node.js CI codecov MIT

** ⚠️ Attention: Moving from CRA to Vite**
This repo was previously known as react-ts-start-pack. The first version was built on top of Create React App and it can still be found under the v1 tag. Version 2 now uses Vite as the bundler tool to provide a much better DX: faster start-ups with HMR, more flexible, smaller packages etc.

To-do List

✅ Vite with TypeScript template
✅ ESLint
✅ Prettier
✅ Github Actions
✅ Vitest
✅ Codecov
✅ React Router v6
✅ Mantine
⬜️ Private components with mock authentication structure
⬜️ React Hook Form
⬜️ React Query

This project was created with Vite.

Available Scripts

In the project directory, you can run:

npm run dev

Runs the app in the development mode.
Open http://localhost:5173 to view it in the browser.

The page will reload if you make edits.

npm test

Launches the test runner in the interactive watch mode.
See the Vitest guide for more information.

npm run build

Builds the app for production to the dist folder.
It correctly bundles React in production mode and optimizes the build for the best performance.

The build is minified and the filenames include the hashes.
Your app is ready to be deployed!

See the section about deployment for more information.

npm run preview

Previewing the production build locally (meant as a production server)

npm run lint

Run ESLint to statically analyze project source code and find problems

Learn More

You can learn more in the Vite documentation.

To learn React, check out the React documentation.