Skip to content

Repository files navigation

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

About

Vitejs starter using React & Typescript. Styling done with TailwindCSS using JIT mode. Testing done using Vitest.

Resources

Stars

1 star

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages