jeyofdev / starter-vitejs-react-ts

Setting up a React Project with Vite, TypeScript, ESLint, prettier, Husky and vitest.

Starter React app with Vitejs

Setting up a React Project with Vite, TypeScript, ESLint, prettier, Husky and vitest.

Tools

• Vite Next generation frontend tooling.
• React The library for web and native user interfaces.
• Vitest Testing with viteJs.
• Typescript JavaScript with syntax for types.
• ESLint Find and fix problems in JavaScript and typescript code.
• Prettier Code formatter.
• Husky Husky improves your commits.

Getting starting

Prerequisites

• Recommended node : >=16.13.0
• npm or pnpm or yarn-v

Dependencies

Install all dependencies :

npm install or pnpm install or yarn

Tailwind or Material UI

Init app with tailwindCSS :

chmod +x bin/init-tailwind.sh
./bin/init-tailwind.sh

# Optionnal
chmod +x bin/add-classname-tailwind-example.sh
./bin/add-classname-tailwind-example.sh

Init app with materialUI :

chmod +x bin/init-mui.sh
./bin/init-mui.sh

# Optionnal
chmod +x bin/add-classname-mui-example.sh
./bin/add-classname-mui-example.sh

Development

Dev server

npm run dev or pnpm run dev or yarn run dev.

Build for production

npm run build or pnpm run build or yarn run build