Tamagui 使用优化编译器设计 React Native 和 Web

我要开发同款
白开水不加糖2022年12月30日
107阅读
开发技术JavaScriptTypeScript
所属分类Web应用开发
授权协议MIT

作品详情

Tamagui是一个适用于ReactNative+Web的通用UI工具包和风格系统-带有优化编译器。 

Tamagui允许你在Web和本机应用程序之间共享更多代码,同时改进而不是牺牲DX、性能和代码可维护性。

它使用优化编译器来实现这一点,该编译器输出特定于平台的优化并理解丰富的“CSS-in-JS”样式系统,支持将带有逻辑的内联样式转化为扁平节点。

编译器生成 atomicCSS和部分评估的代码,以获得显着的运行时性能。它跨模块边界进行评估,扁平化应用程序中大部分样式化的组件(使用易于遵循的规则和调试工具来了解它何时工作,何时不工作)

在主页上约500x²的响应式浏览器部分中,49个内联样式组件被扁平化为它们定义的标签,例如div。根据天气情况,该网站的首页在Lighthouse得分中获得近10-20%的分数。

声明:本文仅代表作者观点,不代表本站立场。如果侵犯到您的合法权益,请联系我们删除侵权资源!如果遇到资源链接失效,请您通过评论或工单的方式通知管理员。未经允许,不得转载,本站所有资源文章禁止商业使用运营!
下载安装【程序员客栈】APP
实时对接需求、及时收发消息、丰富的开放项目需求、随时随地查看项目状态

评论