ESLint : Le gardien de la qualité du code

1. Pourquoi ESLint est indispensable ?

Quand on code, il est facile de laisser passer des erreurs : variables non utilisées, incohérences de style, oublis de bonnes pratiques... C'est là qu'intervient ESLint, un outil incontournable pour analyser et améliorer la qualité du code JavaScript et TypeScript.

Un projet sans ESLint, c'est un peu comme une équipe de foot sans arbitre : chacun suit ses propres règles et, à terme, c'est le chaos.

2. Qu'est-ce qu'ESLint et comment ça fonctionne ?

ESLint est un linter, c'est-à-dire un outil qui analyse statiquement le code pour détecter et signaler des erreurs. Il fonctionne en appliquant un ensemble de règles définies par l'utilisateur ou par des configurations préexistantes (comme Airbnb, Google ou StandardJS).

✅ Ce qu'ESLint permet de faire :

• Détecter et signaler les erreurs courantes.
• Appliquer un style de code uniforme.
• Éviter les mauvaises pratiques et améliorer la maintenabilité.
• Automatiser la correction de certaines erreurs avec --fix.

3. Comment installer et configurer ESLint ?

Installation simple

Si tu travailles sur un projet Node.js, voici comment installer ESLint :

npm install --save-dev eslint

Ensuite, initialise une configuration :

npx eslint --init

ESLint te posera quelques questions pour choisir la configuration adaptée à ton projet.

Exemple de configuration .eslintrc.json

{
  "extends": "eslint:recommended",
  "env": {
    "browser": true,
    "node": true
  },
  "rules": {
    "indent": ["error", 2],
    "quotes": ["error", "double"],
    "semi": ["error", "always"]
  }
}

Cette configuration impose :

• Une indentation de 2 espaces.
• L'utilisation des guillemets doubles.
• L'obligation de terminer les instructions par un point-virgule.

4. ESLint et Prettier : comment les utiliser ensemble ?

ESLint et Prettier sont souvent utilisés ensemble, mais ils ne font pas exactement la même chose :

• ESLint se concentre sur la qualité et les erreurs de code.
• Prettier gère le formatage (espaces, sauts de ligne, etc.).

Pour éviter les conflits, il est recommandé d’utiliser le plugin eslint-config-prettier :

npm install --save-dev eslint-config-prettier

Ajoute-le ensuite dans ton fichier de configuration :

{
  "extends": ["eslint:recommended", "prettier"]
}

Cela désactive les règles ESLint qui pourraient entrer en conflit avec Prettier.

5. Conclusion : Pourquoi adopter ESLint ?

Adopter ESLint, c’est investir dans un code plus propre, lisible et maintenable. Que tu sois seul ou en équipe, cet outil permet d’assurer une qualité constante et d’éviter les erreurs qui peuvent coûter cher en production.