Stylelint

CSS-in-JS 🟡 Mid

Definition

Linter CSS/Sass/CSS-in-JS configurable avec des regles de qualite et de convention. Detecte les erreurs, enforce un style coherent et empeche les anti-patterns.

Analogie

Un correcteur orthographique mais pour le CSS : il souligne les fautes et propose des corrections.

Exemple de code

// .stylelintrc.json
{
  "extends": ["stylelint-config-standard"],
  "rules": {
    "selector-class-pattern": "^[a-z][a-zA-Z0-9]+$",
    "no-duplicate-selectors": true,
    "color-no-invalid-hex": true
  }
}

Cas d'usage

Enforcer des conventions CSS dans l'equipe et detecter les erreurs avant la review.

#styling#css-in-js