Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/zadzbw/vite-react-template

vite template for creating a React App
https://github.com/zadzbw/vite-react-template

vite vite-starter vite-template vite-template-react

Last synced: 8 days ago
JSON representation

vite template for creating a React App

Awesome Lists containing this project

README

        

# vite-react-template ✏️

A vite template for creating a React App with typescript, tailwindcss, scss, eslint, prettier, vitest, husky and lint-staged.

image

## Features 🎸

- [x] React.js as basic framework
- [x] tailwindcss + scss for style
- [x] prettier + eslint for code style
- [x] vitest for unit test and component test
- [x] husky + lint-staged for pre-commit hook

## Try it now 🚀

### GitHub template

[Use this template to create a new repo](https://github.com/zadzbw/vite-react-template/generate).

### Clone to local

If you prefer to do it manually with the cleaner git history, you can do the following:

1. download the template

```bash
npx degit zadzbw/vite-react-template my-app
```

2. push to your own repo

```bash
cd my-app

git init
git add .
git commit -m "commit message"
git remote add origin https://github.com/username/repositoryname.git
git push -u origin main
```

3. install dependencies

```bash
npm install pnpm --global
pnpm install --frozen-lockfile
```

and then you can start develop your React App.