/vite-vitest-typescprit-eslintrc-prettier

A react vite template to kick start your development

Primary LanguageTypeScriptMIT LicenseMIT

Welcome to vite-react-eslint-template 👋

Version

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

👤 souvik dutta

Show your support

Give a ⭐️ if this project helped you!

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