Welcome to vite-react-eslint-template 👋

A react vite template to kick start your development

State Management

rematch + react query

Pre Commit

Husky

Code Formatter

prettier

Linter

eslint

Recommended VS-code extensions

• Code Spell Checker

Id: streetsidesoftware.code-spell-checker Description: Spelling checker for source code Version: 2.11.0 Publisher: Street Side Software VS Marketplace Link: https://marketplace.visualstudio.com/items?itemName=streetsidesoftware.code-spell-checker

• ESLint

Id: dbaeumer.vscode-eslint Description: Integrates ESLint JavaScript into VS Code. Version: 2.2.6 Publisher: Microsoft VS Marketplace Link: https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint

• Prettier - Code formatter

Id: esbenp.prettier-vscode Description: Code formatter using prettier Version: 9.9.0 Publisher: Prettier VS Marketplace Link: https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode

• Prettier ESLint (optional)

Id: rvest.vs-code-prettier-eslint Description: A Visual Studio Extension to format JavaScript and Typescript code using prettier-eslint package Version: 5.0.4 Publisher: Rebecca Vest VS Marketplace Link: https://marketplace.visualstudio.com/items?itemName=rvest.vs-code-prettier-eslint

eslint Rules

Functions

• PascalCase (JSX)
• strictCamelCase (Class Methods)

Variable

• strictCamelCase
• UPPER_CASE (constant values)

TypeLike

• PascalCase
• Prefix I

parameter

• strictCamelCase

class

• PascalCase
• Prefix I

Huskey pre-commit config

npx vitest --coverage --watch false

eslint . --ext .ts,.tsx

Test

npx vitest

Install

npm install

Author

👤 baliza.io

• Website: baliza.io

Show your support

Give a ⭐️ if this project helped you!

---

This README was generated with ❤️ by readme-md-generator