tianvier/vite-react-ts

Starter

Fork https://github.com/uchihamalolan/vite-react-ts

增加

react-router redux @reduxjs/toolkit

Usage (with degit)

degit tianvier/vite-react-ts your-app-name

Overview

• Vite
• React - Typscript
  • react-error-boundary
• pnpm

Editor Config

• vscode settings & extension recommendations
• .editorconfig file

Git Hooks

• Husky & Lint Staged
• Runs prettier, eslint & jest @ precommit

Lint and Formatting

• Eslint & Prettier Configured

Testing

• Jest + React Testing Library (plus some plugins)

Styling

• TailwindCSS with JIT enabled

---

Other Plugins that can be added:

Forms

• React Hook Form
• Zod (for validations)

CSS-in-js

• Emotion
• Complie Time Atomic CSS-in-Js
  • Stylex (Facebook, not Open Source yet)
  • Linaria
  • Compiled (still in beta)

UI Components

• Ant Design
• Material UI

Routing

• React-Router-Dom
• Reach-Router

Date Manipulation

• Dayjs
• date-fns
• Luxon

HTTP Client

• Ky
• Axios

Global Store (full-blown / lite-version)

• Redux Toolkit / Zustand
• Recoil / Jotai
• Mobx / Valtio
• xstate / robot

Server State

• React Query
• swr
• RTKQuery