Vite React TypeScript Starter

A rapid development starter kit using Vite, React, TypeScript, Storybook, Jest, ESLint, Prettier, Husky, and UnoCSS.

Getting Started

Run

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

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

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

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.