React + TypeScript + Vite

Welcome to the React Vite Starter project! This repository serves as a boilerplate for setting up a modern React application using Vite, TypeScript, and custom configurations.

Features

• Vite: Lightning-fast development environment with Hot Module Replacement (HMR).
• TypeScript: Type-safe development with TypeScript support.
• Path Aliases: Simplified imports using path aliases configured in vite.config.ts and tsconfig.json.
• Custom Server Configuration: Development server runs on port 3000 by default (configurable).
• Optimized Build: Production-ready builds with source maps and minification using ESbuild.

Project Structure

├── public/
├── src/
│ ├── assets/
│ ├── components/
| |   ├── Header.tsx
│ ├── App.tsx
│ ├── main.tsx
│ └── ...
├── tsconfig.json
├── vite.config.ts
├── index.html
└── package.json

Getting Started

Follow these steps to get started with the React Vite Starter project.

Prerequisites

Make sure you have Node.js and Npm installed on your machine.

Installation

1. Clone the repository:

   git clone https://github.com/yourusername/react-vite-starter.git
   

   cd react-vite-starter
   

2. Install dependencies:

   npm install

3. Run the development server:

   npm run dev

Learn more

Vite Documentation

React Documentation

TypeScript Documentation