Fresh React Project

Formatting

• Prettier
• Prettier Plugin Tailwindcss
• Prettier Plugin Sort Imports

prettier.config.js:

Linting

• The standarts for react: eslint-plugin-react, eslint-plugin-react-hooks
• If you care about ARIA eslint-plugin-jsx-a11y
• If you use react-query @tanstack/eslint-plugin-query

Update your Eslint configuration if you use React version 17+

Commit/Branching

Commit Lint

Possible libs to consider

• Zod
• Toast: Sonner
• Better tailwind:
  • clsx
  • tailwind-merge

I have a passion for all things web.