Réinventer CSS atomique

Bien que je ne sois pas un grand passionné de CSS atomique - le nombre de cours n'est pas ma tasse de thé, et je trouve que le CSS traditionnel est assez efficace - je reconnais son attrait. Ses avantages sont clairs: les feuilles de style plus petites par rapport au CSS écrit manuellement, et l'approche basée sur la classe favorise la cohérence dans un système de conception.

L'évolution du CSS atomique est fascinante. Il est passé d'une bibliothèque massive de classes (avec le bénéfice d'un petit CSS immuable) à des approches plus raffinées: éliminer les classes inutilisées et, maintenant, générer des feuilles de styles à la demande en fonction de l'utilisation réelle.

Le "Reimagine Atomic CSS" d'Anthony Fu offre un grand aperçu de cette évolution et présente unocss, un avancement supplémentaire. Bien que je ne saisis pas complètement toutes ses subtilités, il semble offrir des capacités améliorées par rapport aux itérations précédentes, principalement à travers des règles configurables. Sa vitesse (levier VITE) est un plus important, en particulier pour le développement itératif.

Cependant, je trouve certains aspects difficiles. La complexité est notable et les intégrations semblent limitées. J'hésite également à convertir les styles en attributs HTML arbitraires. Bien que les accessoires JSX soient acceptables, les attributs HTML directs atteignent les risques de pose DOM et devraient idéalement être des données (étendus pour la sécurité.

Malgré ces réservations, j'apprécie l'approche approfondie de résolution de problèmes d'Anthony et le partage de son processus. L'inclusion d'un terrain de jeu est un ajout bienvenu.

Lien direct →

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!