Dans différents projets, j’ai déjà utilisé le CSS pur, le CSS in JS, et d'autres, mais c’est Tailwind qui m’a offert la meilleure expérience développeur.
Avec Tailwind :
- ✅ Je gagne un temps fou. Je reste sur mon composant pour le styliser. Pas besoin de changer mille fois entre le composant et la feuille de style.
- ✅ Je n’ai que 5 ko de CSS en sortie après le build.
- ✅ La syntaxe est légère.
- ✅ Je n’ai plus besoin de chercher le bon nommage des classes.
- ✅ Une autocomplétion des classes gratuite pour VS Code.
- ✅ Elle est adaptée aux différents paradigmes de rendu.
- ✅ Elle est facile à personnaliser.
Bref, le seul inconvénient que je trouve sur Tailwind, c’est qu'il est plutôt fait pour des technologies qui sont capables de créer des composants. Mais ce n’est pas vraiment un problème aujourd’hui car la plupart des technologies donnent la possibilité d’avoir des composants.
Sinon, un petit bonus : il y a une librairie qui gère de manière efficace les variants de votre composant. Cette librairie s’appelle (CVA).