微比恩 > 信息聚合 > Meta 开源网页 UI 样式系统 StyleX:整合静态 CSS 高效性能,已运用于 Facebook 等平台

Meta 开源网页 UI 样式系统 StyleX:整合静态 CSS 高效性能,已运用于 Facebook 等平台

2023-12-12 16:21:03来源: IT之家

IT之家 12 月 12 日消息,Meta 日前开源了自家产品所使用的网页 UI 样式系统 StyleX,这是一款基于编译器的 CSS-in-JS 库,号称整合了静态 CSS 的高效与可扩展性,并能够复用组件库和静态类型代码库。据悉,StyleX 并不全面支持 CSS 的所有功能,主要围绕大型网站而构建,目前这一样式系统已经在 Meta 旗下 Facebook、WhatsApp、Instagram 等产品中使用。▲ 图源 Meta 官方新闻稿IT之家获悉,StyleX 能够自动管理 CSS 选择器,避免过程复杂化,确保生成的 CSS 不会出现冲突,此外,StyleX 避免了使用 JavaScript 插入样式的开销,仅在必要时高效地组合类名字符串,从而保证生成的 CSS 样式能够快速被浏览器解析。此外,StyleX 生成的样式也经过了优化,官方提到,相对于传统

关注公众号
标签: 开源 Meta