Tailwind CSS v4 : les nouveautés qui changent tout
Découvrez les nouveautés de Tailwind CSS v4 : nouveau moteur, CSS natif, et performances améliorées. Mon analyse après la migration.
Tailwind CSS v4 est une refonte majeure. Nouveau moteur, utilisation de CSS natif, performances décuplées... Voici ce que ça change concrètement.
Les changements majeurs
La v4 abandonne PostCSS pour un moteur Rust ultra-rapide. Les builds sont jusqu'à 10x plus rapides. Mais ce n'est pas tout.
- Nouveau moteur en Rust (Oxide)
- Utilisation de CSS natif (cascade layers, container queries)
- Configuration simplifiée
- Meilleure intégration avec les outils modernes
Migration depuis la v3
La migration n'est pas automatique mais reste gérable. Voici les points d'attention principaux.
Conseil
Migrez progressivement. Commencez par un projet secondaire pour vous familiariser avec les changements.
Les nouvelles fonctionnalités
La v4 apporte des fonctionnalités attendues depuis longtemps :
- Container queries natives
- Meilleure gestion des variants
- Syntaxe simplifiée pour les plugins
Performance en production
Les builds sont plus rapides et le CSS généré est plus léger. Sur mon blog, le CSS est passé de 45KB à 32KB gzippé.
Conclusion
Tailwind v4 est une évolution majeure qui consolide sa position de framework CSS incontournable. La migration vaut le coup.