Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up
Appearance settings

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

Notifications You must be signed in to change notification settings

codinit-dev/vite-react-ts-starter

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

Watchers

Forks

Packages

No packages published

Languages

  • TypeScript 74.4%
  • CSS 12.3%
  • HTML 11.6%
  • JavaScript 1.7%

AltStyle γ«γ‚ˆγ£γ¦ε€‰ζ›γ•γ‚ŒγŸγƒšγƒΌγ‚Έ (->γ‚ͺγƒͺγ‚ΈγƒŠγƒ«) /