Saltar a contenido

architecture-it/eslint-config-andreani

Acerca

librería de npm que contiene la configuración de eslint para aplicaciones en JS/TS.

Configuración base:

  • Recomendaciones de Prettier
  • Orden de imports
  • no-console (warn)
  • no-unused-vars ( excluye variables que inicien con: _ )
  • padding-line-between-statements espacios necesarios antes de un return let,const,var
  • no-debugger (warn)

La configuración puede ser modificada en el archivo .eslintrc.js si fuera necesario, y hacer uso o configurar más a detalle todos los plugins incluidos como peerDependencies:

Configuración específica

Para las configuraciones especificas de react:

Incluye tres configuraciones

  • Javascript plano @architecture-it/andreani
  • React @architecture-it/andreani/react
  • React + TS @architecture-it/andreani/react-ts

Instalación

Si aún no has configurado npm para traer paquetes internos de andreani por favor volver a configuración

Es importante que se instale como devDependency

pnpm i @architecture-it/eslint-config-andreani -D

Uso

Solo necesitas agregar un archivo .eslintrc.js en el root del proyecto y colocarle el contenido según corresponda.

Para evitar inconvenientes en el caso que tengas eslintConfig en el package.json recomendamos quitarlo, al igual que todas las dependencias relacionadas con eslint del proyecto (en el caso de tenerlo)

Javascript (plano)

.eslintrc.js
/** @type {import("eslint").ESLint.Options} */
module.exports = {
  extends: ["@architecture-it/andreani"],
};

React

.eslintrc.js
/** @type {import("eslint").ESLint.Options} */
module.exports = {
  extends: ["@architecture-it/andreani/react"],
};

React+TS

.eslintrc.js
/** @type {import("eslint").ESLint.Options} */
module.exports = {
  extends: ["@architecture-it/andreani/react-ts"],
};

React TS + NextJS

Tip

Necesita agregar la config de nextjs

.eslintrc.js
/** @type {import("eslint").ESLint.Options} */
module.exports = {
  extends: ["next/core-web-vitals", "@architecture-it/andreani/react-ts"],
};