License

A minimalistic template for kickstarting React projects with Vite and TypeScript.

• React - A JavaScript library for building user interfaces.
• Vite - A fast, opinionated frontend build tool.
• TypeScript - A typed superset of JavaScript that compiles to plain JavaScript.
• Tailwind CSS - A utility-first CSS framework.
• Tailwind Prettier Plugin - A Prettier plugin for formatting Tailwind CSS classes.
• ESLint - A pluggable linting utility for JavaScript and TypeScript.
• PostCSS - A tool for transforming CSS with JavaScript.
• Autoprefixer - A PostCSS plugin to parse CSS and add vendor prefixes.

Make sure you have the following installed on your development machine:

• Node.js (version 16 or above)
• Yarn (package manager)

Follow these steps to get started with the react-vite-ts template:

1. Clone the repository:

   git clone https://github.com/Dan5py/react-vite-ts.git

2. Navigate to the project directory:

   cd react-vite-ts

3. Install the dependencies:

    yarn

4. Start the development server:

   yarn dev

• yarn dev - Starts the development server.
• yarn build - Builds the production-ready code.
• yarn lint - Runs ESLint to analyze and lint the code.
• yarn preview - Starts the Vite development server in preview mode.

The project structure follows a standard React application layout:

react-vite-ts/
 ├── node_modules/ # Project dependencies
 ├── public/ # Public assets
 ├── src/ # Application source code
 │ ├── components/ # React components
 │ ├── styles/ # CSS stylesheets
 │ ├── lib/ # Utility functions
 │ ├── App.tsx # Application entry point
 │ └── index.tsx # Main rendering file
 ├── .eslintrc.json # ESLint configuration
 ├── index.html # HTML entry point
 ├── postcss.config.js # PostCSS configuration
 ├── tailwind.config.js # Tailwind CSS configuration
 ├── tsconfig.json # TypeScript configuration
 └── vite.config.ts # Vite configuration

This project is licensed under the MIT License. See the LICENSE file for details.