アトミックCSSを再考します

Joseph Gordon-Levitt
Joseph Gordon-Levittオリジナル
2025-03-17 10:58:10471ブラウズ

アトミックCSSを再考します

私は巨大な原子CSS愛好家ではありませんが、膨大な数のクラスは私のお茶ではなく、伝統的なCSSが非常に効果的だと思いますが、その魅力を認識しています。その利点は明確です。手動で書かれたCSSと比較して小さなスタイルシートであり、クラスベースのアプローチは設計システム内での一貫性を促進します。

原子CSSの進化は魅力的です。大規模なクラスのライブラリ(小規模で不変のCSSの利点)から、より洗練されたアプローチまで進歩しています。未使用のクラスを排除し、現在、実際の使用に基づいてオンデマンドでスタイルシートを生成します。

Anthony Fuの「Reimagine Atomic CSS」は、この進化の素晴らしい概要を提供し、Unocssを導入し、さらに進歩しています。私はそのすべての複雑さを完全に把握していませんが、主に構成可能なルールを通じて、以前の反復にわたって強化された機能を提供しているようです。その速度(Viteのレバレッジ)は、特に反復開発にとって重要なプラスです。

しかし、私はいくつかの側面が挑戦的だと思います。複雑さは注目に値し、統合は限られているように見えます。また、スタイルを任意のHTML属性に変換することをためらいます。 JSXの小道具は受け入れられますが、DOMのリスクに到達する直接的なHTML属性があり、理想的には安全のためにデータを取得する必要があります。

これらの留保にもかかわらず、私はアンソニーの徹底的な問題解決アプローチと彼のプロセスの共有に感謝しています。遊び場を含めることは歓迎すべきものです。

直接リンク→

以上がアトミックCSSを再考しますの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。