vite-react-ts-starter

A modern Vite starter template using React and TypeScript.

Tech Stack

Core

• Vite ^7.2.2 - Build tool and dev server
• React ^19.2.0 - UI library
• TypeScript ^5.9.3 - Type safety

Styling

• Tailwind CSS ^4.1.17 - Utility-first CSS framework
• @tailwindcss/vite ^4.1.17 - Tailwind CSS Vite plugin

Testing

• Vitest ^4.0.8 - Fast unit test framework
• @testing-library/react ^16.3.0 - React testing utilities
• @testing-library/jest-dom ^6.9.1 - Custom Jest matchers
• jsdom ^27.1.0 - DOM implementation for testing

Development Tools

• @vitejs/plugin-react ^5.1.0 - Vite plugin for React
• @types/node ^22.10.2 - Node.js type definitions
• @types/react ^19.2.3 - React type definitions
• @types/react-dom ^19.2.2 - React DOM type definitions

Features

• ⚡️ Fast HMR (Hot Module Replacement)
• 🎨 Tailwind CSS v4 with dark mode support
• 📦 Path aliases (@/ for cleaner imports)
• 🧪 Vitest testing setup
• 🔧 TypeScript strict mode enabled
• 📱 Modern React 19 features

Getting Started

# Install dependencies
npm install

# Start development server
npm run dev

# Build for production
npm run build

# Preview production build
npm run serve

# Run tests
npm test

Codesandbox

You can also find a codesandbox template of this repo here