我真的很欣赏对一项技术的实际演练。 不仅包括该技术做什么,还包括为什么选择它以及它如何为团队工作。 任何人都可以阅读文档,但您在多年的实际使用后所了解到的东西更有价值。 Kitty Giraudel
我想正确地反思选择使用 Fela 而不是您可能听说过的任何其他 CSS-in-JS 库。
我以前从未听说过 Fela。 对我来说,最有趣的部分是“原子”输出。 它看起来像是将所有唯一property: value
对的使用组合到一个唯一的类中,然后将所有必要的类应用到必要的 DOM 节点。 我相信其结果是一些看起来非常复杂的类输出。(我建议也为人类在事物上设置合理命名的样式钩子。)但我认为最终生成的并应用到页面的 CSS 块尽可能小,因为它不包含任何重复的内容。 这是任何配置良好的原子类工作流程的优势之一:微小的 CSS。
Fela 也是尼日利亚阿非罗音乐的创始人。现在看到它成为一个 CSS 库的名字真是太奇怪了。赞扬
原子 CSS-in-JS 很棒。
我特别喜欢的一点是能够减少对 CSS 加载/插入顺序的依赖,以及能够确保当您编写 style={[red,blue]} 时,由于 blue 是声明中的最后一个,因此始终优先。
这只有在原子 CSS-in-JS 中才有可能,即使是 Tailwind 也无法保证这一点。
尝试在我的文章中解释
https://sebastienlorber.com/atomic-css-in-js