Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/xqsit94/vite-react-ts-starter
A starter template for React with Vite and TypeScript includes Storybook, Jest, Eslint, Prettier, Husky, and Unocss
https://github.com/xqsit94/vite-react-ts-starter
husky react-eslint react-prettier react-typescript reactjs storybook unocss vite-react
Last synced: about 1 month ago
JSON representation
A starter template for React with Vite and TypeScript includes Storybook, Jest, Eslint, Prettier, Husky, and Unocss
- Host: GitHub
- URL: https://github.com/xqsit94/vite-react-ts-starter
- Owner: xqsit94
- License: mit
- Created: 2023-08-30T02:45:09.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2023-08-30T06:43:29.000Z (over 1 year ago)
- Last Synced: 2024-12-21T04:09:53.169Z (about 1 month ago)
- Topics: husky, react-eslint, react-prettier, react-typescript, reactjs, storybook, unocss, vite-react
- Language: TypeScript
- Homepage:
- Size: 163 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Vite React TypeScript Starter
A rapid development starter kit using Vite, React, TypeScript, Storybook, Jest, ESLint, Prettier, Husky, and UnoCSS.
### Getting Started
Run
```bash
npx @xqsit94/vite-react-ts-starter my-react-app
```
and follow the prompts.
### Features
- 🚀 Fast development and build times with Vite
- ⚛️ React for UI components
- 🦋 TypeScript for static type checking
- 📚 Interactive UI development and testing with Storybook
- ✅ Unit Testing with Jest
- 🧹 Linting and formatting with ESLint and Prettier
- 🐶 Pre-commit checks using Husky
- 🎨 Optimized CSS with UnoCSS
### Commands
Using npm
```bash
npm run dev # Run the app in development mode.
npm run build # Build the app for production.
npm run preview # Serve the built app for preview.
npm run test # Run tests using Jest.
npm run storybook # Start the Storybook server.
npm run build-storybook # Build the Storybook app for production.
npm run lint # Run ESLint to check for code issues.
npm run format # Run Prettier to format code.
npm run postinstall # Install Husky Git hooks.
```
#### Using Yarn
```bash
yarn dev # Run the app in development mode.
yarn build # Build the app for production.
yarn preview # Serve the built app for preview.
yarn test # Run tests using Jest.
yarn storybook # Start the Storybook server.
yarn build-storybook # Build the Storybook app for production.
yarn lint # Run ESLint to check for code issues.
yarn format # Run Prettier to format code.
yarn postinstall # Install Husky Git hooks.
```
#### Using pnpm
```bash
pnpm dev # Run the app in development mode.
pnpm build # Build the app for production.
pnpm preview # Serve the built app for preview.
pnpm test # Run tests using Jest.
pnpm storybook # Start the Storybook server.
pnpm build-storybook # Build the Storybook app for production.
pnpm lint # Run ESLint to check for code issues.
pnpm format # Run Prettier to format code.
pnpm postinstall # Install Husky Git hooks.
```