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:
-
Clone the repository:
git clone https://github.com/Dan5py/react-vite-ts.git
-
Navigate to the project directory:
cd react-vite-ts
-
Install the dependencies:
yarn
-
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.