Prettier

Testing 🟢 Junior

Définition

Formateur de code opinionne qui reformate automatiquement JS, TS, CSS, JSON, HTML et Markdown. Éliminé les débats de style en imposant un format unique.

Analogie

Comme un repasseur automatique pour vos vêtements : peu importe comment vous les pliez, ils ressortent tous identiques.

Exemple de code

// .prettierrc
{
  "semi": true,
  "singleQuote": true,
  "tabWidth": 2,
  "trailingComma": "es5"
}
// npx prettier --write .

Cas d'usage

Pour standardiser automatiquement le formatage du code et éliminer les discussions de style en code review.

Anti-pattern

Utiliser ESLint pour le formatage au lieu de Prettier, mélangeant les responsabilités (qualité vs style).
#qualite#tooling#dx

← → au clavier pour passer d'une fiche à l'autre