Meta 开源自家网页UI款式体系 StyleX具有 CSS 高效功用

  IT之家 12 月 12 日音讯,Meta 日前开源了自家产品所运用的网页 UI 款式体系 StyleX,这是一款根据编译器的 CSS-in-JS 库,声称整合了静态 CSS 的高效与可扩展性,并能够复用组件库和静态类型代码库。

  据悉,StyleX 并不全面支撑 CSS 的一切功用,首要环绕大型网站而构建,现在这一款式体系已经在 Meta 旗下 Facebook、WhatsApp、Instagram 等产品中运用。

  IT之家得悉,StyleX 能够主动办理 CSS 选择器,防止进程复杂化,确保生成的 CSS 不可能会呈现抵触,此外,StyleX 防止了运用 JavaScript 刺进款式的开支,仅在必要时高效地组合类名字符串,来确保生成的 CSS 款式能快速被浏览器解析。

  此外,StyleX 生成的款式也经过了优化,官方说到,相对于传统 CSS 库,StyleX 显得“更小、更详细”,经过“原子构建”和“文件级缓存”,StyleX 在编译时能够一起处理数万个组件,并具有“强壮的扩展才能”,然后提高开发功率。

  Meta 说到,现在官方在 GitHub 上开源的 StyleX,是企业内部所运用的 StyleX 正式版别,未来官方将在 GitHub 发布 StyleX 后续更新,Meta 还将定时同步 GitHub 上发布的新版别,带回内部运用,感兴趣的小伙伴能够点此拜访项目地址。