'Nous avions 90% de CSS inutilisés parce que tout le monde avait peur de toucher les vieux trucs'

Extraits du podcast JS Party:

Kend C. Dodds a mentionné que de nombreux développeurs choisissent souvent de copier du code lors de l'utilisation du CSS traditionnel car ils ne savent pas si la modification est sûre. Dans un projet PayPal, 90% du code CSS n'est pas utilisé car personne n'ose modifier facilement l'ancien code. Ce n'est pas parce que le développeur manque de compétences CSS, c'est peut-être aussi dû au fait que CSS lui-même a des défauts.

Emma Bostain souligne que c'est la clé de solutions comme CSS-in-JS (comme les composants stylisés). Ils résument la logique de style à l'intérieur des composants, évitent les conflits de code et facilitent l'ajouter, supprimer et modifier les styles.

Dodds convient que ces outils sont créés pour résoudre ce problème.

De nombreuses grandes entreprises ont des problèmes similaires: un grand nombre de développeurs, le chiffre d'affaires fréquent des employés, ce qui ne fait savoir quel code CSS est utilisé.

C'est pourquoi Dodds aime parfois les solutions de style basées sur des composants (bien qu'il ne tient pas à des outils complexes ou à la syntaxe JavaScript). La clé réside dans le couplage serré des styles et des composants, et les développeurs n'ont plus peur de modifier les styles. Tous les projets ne nécessitent pas cette approche, mais si votre architecture frontale est déjà basée sur des composants (une excellente architecture frontale sans JavaScript), alors ce style est parfait.

Sur la base de cela, Dodds est ravi que les "styles de portée" fassent un retour dans les discussions de normalisation.

Il a rappelé une idée ancienne (probablement brièvement apparue dans le navigateur): ajouter des blocs de style directement dans HTML, et les styles n'agissent que sur l'élément parent. Cette idée est géniale et il espère être réalisé à nouveau.

Cependant, les nouvelles solutions (comme la proposition originale de Miriam) sont plus intelligentes que ce concept de base, comme être capable de fixer les limites inférieures et supérieures, réalisant ainsi la portée des styles "Ring" dans le DOM (le terme proposé par Nicole Sullivan). Quel que soit le résultat final, le style de portée sans Shadow Dom et l'outil zéro aura beaucoup de sens.

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!