重新想像原子CSS

雖然我不是一個巨大的原子CSS愛好者 - 龐大的課程不是我的茶，我發現傳統的CSS非常有效 - 我認識到它的吸引力。它的優勢很明顯：與手動書面CSS相比，樣​​式表較小，基於類的方法可以促進設計系統中的一致性。

原子CSS的演變令人著迷。它從大量的班級庫（帶有小小的，不變的CSS的好處）發展到了更精緻的方法：消除未使用的班級，現在，基於實際用法生成了按需生成樣式表。

Anthony Fu的“ Reimagine Atomic CSS”提供了這一進化的概念，並介紹了UNOCSS，這是進一步的進步。儘管我沒有完全掌握其所有復雜性，但它似乎比以前的迭代提供了增強的功能，主要是通過可配置的規則。它的速度（利用Vite）是一個重要的優勢，尤其是對於迭代發展。

但是，我發現一些方面具有挑戰性。複雜性是值得注意的，整合似乎有限。我也猶豫不決地將樣式轉換為任意的HTML屬性。儘管JSX道具是可以接受的，但直接HTML屬性達到了DOM姿勢風險，理想情況下應數據范圍 - 為了安全起見。

儘管有這些保留，我還是感謝安東尼的徹底解決問題的方法和他的過程分享。加入遊樂場是一個可喜的補充。

直接鏈接→

以上是重新想像原子CSS的詳細內容。更多資訊請關注PHP中文網其他相關文章！