kothing / vite-react-app-template

Create a new project with Vite, React JS, TypeScript, Eslint, Prettier in just 1 second and you don't need to setup anything.

Vite + React + TypeScript + Eslint + Prettier Template ⚡

Create a new project with Vite, React JS, TypeScript, Eslint, Prettier in just 1 second and you don't need to setup anything.

Netlify Deploy: https://vite-react-ts-eslint-prettier.netlify.app/

Some Features 📋

Alias Import

Hook Warning

Prettier Warning

Etc...

Features

• ESLint - script linter
• Stylelint - style linter
• Prettier - formatter
• Jest - test framework
• Husky + lint-staged - pre-commit git hook set up for formatting

Using 📦

1. Clone Template

git clone https://github.com/kothing/vite-react-ts-eslint-prettier.git

2. Install Packages

yarn install

3. Start Project

yarn dev

4. If you using git, delete the existing folder .git after cloning (open git bash or other terminal)

rm -rf .git

Options ✍️

The starter contains the following scripts:

• dev - starts dev server
• build - generates the following bundles: CommonJS (.cjs) ESM (.mjs) UMD (.umd.js) and IIFE (.iife.js). The name of bundle is automatically taked from package.json name property
• eslint - lint .js, .jsx, .ts, .tsx files with eslint
• prettier - format .js, .ts, .html and .json files with prettier
• stylelint - format .css less and .scss files with stylelint
• prepare - script for setting up husky pre-commit hook