Facebook 开源 StyleX —— 在 JavaScript 中写 CSS

Meta(原 Facebook)开源了全新的 CSS-in-JS 库 StyleX。

GitHub 地址:https://github.com/facebook/stylex

官方介绍道,StyleX 是一个富有表现力、具有确定性、可靠且可扩展的样式系统。它通过使用编译时 (compile-time) 工具融合了静态 CSS 的性能和可扩展性。

此外,StyleX 不仅仅是一个基于编译器的 CSS-in-JS 库,它经过精心设计,可以满足大型应用程序、可复用组件库和静态类型代码库的要求。Meta 旗下多款产品如 Facebook、WhatsApp、Instagram、Workplace、Threads 等都在使用 StyleX 作为其 CSS 样式解决方案。

StyleX 主要特性

示例代码

下面是一个按钮组件的示例代码