Dopster ESLint Config

Configuração de ESLint padronizada pela Dopster, criada para manter consistência, boas práticas e qualidade de código em projetos Node.js e React (com TypeScript).

📦 O que está incluso?

• Base padronizada de regras Dopster;
• Suporte completo a TypeScript;
• Plugins e regras para React e React Hooks;
• Regras de Acessibilidade (JSX a11y);
• Integração com Prettier (para formatação automática);
• Configurações separadas para Node.js e React (com ou sem Next.js).

⚙️ Instalação

React (com Next.js)

npm i -D eslint @dopster/eslint-config

Crie ou edite o arquivo .eslintrc.json na raiz do projeto:

{
  "extends": [
    "@dopster/eslint-config/next",
    "next/core-web-vitals"
  ]
}

React (sem Next.js)

npm i -D eslint @dopster/eslint-config

Crie ou edite o arquivo .eslintrc.json:

{
  "extends": "@dopster/eslint-config/react"
}

Node.js (APIs, scripts e serviços)

npm i -D eslint @dopster/eslint-config

Crie ou edite o arquivo .eslintrc.json:

{
  "extends": "@dopster/eslint-config/node"
}

💡 Dica

Adicione scripts no package.json para facilitar o uso:

{
  "scripts": {
    "lint": "eslint . --ext .ts,.tsx",
    "lint:fix": "eslint . --ext .ts,.tsx --fix"
  }
}

🧠 Convenções

A configuração segue o padrão de código utilizado em todos os projetos Dopster. Ela é pensada para:

• Evitar conflitos entre ESLint e Prettier;
• Garantir legibilidade e consistência;
• Detectar erros comuns e más práticas em tempo de desenvolvimento.

🛠️ Manutenção

Atualize periodicamente para obter melhorias e novas regras de linting:

npm update @dopster/eslint-config

Feito com 💙 pela equipe Dopster.