重新想象原子CSS

虽然我不是一个巨大的原子CSS爱好者 - 庞大的课程不是我的茶，我发现传统的CSS非常有效 - 我认识到它的吸引力。它的优势很明显：与手动书面CSS相比，样​​式表较小，基于类的方法可以促进设计系统中的一致性。

原子CSS的演变令人着迷。它从大量的班级库（带有小小的，不变的CSS的好处）发展到了更精致的方法：消除未使用的班级，现在，基于实际用法生成了按需生成样式表。

Anthony Fu的“ Reimagine Atomic CSS”提供了这一进化的概念，并介绍了UNOCSS，这是进一步的进步。尽管我没有完全掌握其所有复杂性，但它似乎比以前的迭代提供了增强的功能，主要是通过可配置的规则。它的速度（利用Vite）是一个重要的优势，尤其是对于迭代发展。

但是，我发现一些方面具有挑战性。复杂性是值得注意的，整合似乎有限。我也犹豫不决地将样式转换为任意的HTML属性。尽管JSX道具是可以接受的，但直接HTML属性达到了DOM姿势风险，理想情况下应数据范围 - 为了安全起见。

尽管有这些保留，我还是感谢安东尼的彻底解决问题的方法和他的过程分享。加入游乐场是一个可喜的补充。

直接链接→

以上是重新想象原子CSS的详细内容。更多信息请关注PHP中文网其他相关文章！