Tailwind CSS vs CSS classique : mon choix

Le débat éternel

Tailwind CSS divise la communauté. Certains adorent, d'autres détestent les classes utilitaires. Voici mon expérience après plusieurs projets.

Ce que j'aimais dans le CSS classique

• Séparation claire entre structure et style
• Noms de classes sémantiques
• Contrôle total sur chaque propriété

Pourquoi j'ai changé

Productivité

Avec Tailwind, je style un composant 2 à 3 fois plus vite. Plus besoin de naviguer entre fichiers HTML et CSS, plus de noms de classes à inventer.

Cohérence

Le système de design tokens de Tailwind (espacements, couleurs, tailles) force la cohérence. Plus de padding: 13px aléatoires — tout suit une échelle définie.

Maintenance

Supprimer un composant ? Son style disparaît avec lui. Pas de CSS orphelin, pas de styles fantômes qui s'accumulent.

Tailwind v4

La version 4 simplifie encore les choses : configuration directement dans le CSS avec @theme, plugins via @plugin, et des performances améliorées.

Les compromis

• Lisibilité : les longues chaînes de classes peuvent être intimidantes au début
• Apprentissage : il faut mémoriser les noms utilitaires (mais l'IDE aide beaucoup)
• Design custom : parfois il faut sortir du cadre avec des valeurs arbitraires [value]

Mon verdict

Pour des projets modernes avec React/Next.js, Tailwind CSS est devenu mon choix par défaut. La productivité et la maintenabilité qu'il apporte compensent largement la courbe d'apprentissage.