TikTok原生跨平台UI框架Lynx宣布开源

B站影视 港台电影 2025-04-01 20:06 1

摘要:字节跳动宣布开源 Lynx 框架,这是一套支持使用 Web 标记语言、CSS 和 JavaScript 创建原生跨平台移动应用的开发工具集合。该框架通过自主研发的 JavaScript 引擎和像素级精准的 UI 渲染能力,实现原生级别的性能表现。

字节跳动宣布开源 Lynx 框架,这是一套支持使用 Web 标记语言、CSS 和 JavaScript 创建原生跨平台移动应用的开发工具集合。该框架通过自主研发的 JavaScript 引擎和像素级精准的 UI 渲染能力,实现原生级别的性能表现。

Lynx 架构师 Xuan Huang 解释称,Lynx 受 Chromium、Flutter 和 React Native 启发,意在通过应对日益复杂的设备形态差异和多平台支持需求,实现规模化且更高效的原生级体验。这些需求导致了“反复重建功能相同的模块,从而造成资源浪费、团队协作割裂,以及产品上市时间的延误”。

Lynx 框架延续了相似的设计理念——"专为应用开发定制的替代性 Web 方案"。该框架在继承 Web 技术优势的同时,采取了强约束策略:既支持类 Web API 接口,又通过施加特定限制与扩展来实现明确的设计意图。

为实现这一目标,Lynx 采用标记语言与 CSS 语法,让 Web 开发者得以进行移动应用开发。框架原生支持 CSS 动画与过渡效果、CSS 选择器与主题变量配置,以及渐变、遮罩、裁剪等现代 CSS 视觉效果。

在架构层面,Lynx 突破了传统 Web 单线程模型的限制,通过静态强制实施的双线程架构模型进行革新:主线程专用于处理高优先级的同步非阻塞任务,后台线程则负责执行用户代码。据 Huang 介绍,这种架构设计使得 Lynx 能够近乎即时地渲染应用的首帧界面,大幅优化"首帧渲染时间(TTFF)"指标,同时也通过在主线程高效处理高优先级事件与手势操作,确保界面交互的高响应度。

Lynx 框架由多个组件构成,其中包括:Lynx 核心引擎;基于 React 的声明式 UI 前端框架 ReactLynx;采用 Rust 语言构建的、基于 webpack 兼容的 Rspack 开发的高性能打包工具 Rspeedy;优化版 JavaScript 引擎 PrimJS;以及基于 Electron 的调试工具 Lynx DevTool。该框架还提供了 Web 前端适配层,支持在浏览器环境中运行 Lynx 应用。

在 Syntax FM 的技术播客中,字节跳动工程师 Zack Jackson 将 Lynx 定位为公司内部的 React 替代方案,这套框架驱动着其他所有应用程序的 UI 层,以确保跨团队技术架构的统一性。不过 Huang 在官方声明中特别强调,Lynx 并不局限于 React 技术栈,未来还会逐步开源其他前端方案。

目前该框架已应用于 TikTok 应用内的搜索框,以及专为创作者打造的内容生产和管理工具 TikTok Studio 等多个业务场景。

Hacker News 上自称就职于字节的用户 suzakus 透露,iOS 与安卓客户端中最重要的跨平台功能模块采用 C++ 编写以实现跨平台的可移植性,而其他包括大部分的 UI 组件仍使用 Kotlin 或 Swift 开发。这一技术现状虽看似与应用中 Lynx 框架的普及程度存在反差,但却是与 Huang 此前描述的渐进式演进路线相吻合。

此外,Huang 也在 Hacker News 的评论区回应了为何字节选择与现存最古老的命令行网页浏览器 重名:

Lynx 项目最初命名时并未考虑长远影响。鉴于已有大量代码库和用户依赖现有名称,我们决定保持原名,不因项目的开源而更名。

最后,Huang 强调说,字节跳动将持续推进 Lynx 框架的开源进程,未来将陆续公开更多 UI 组件、定制化渲染引擎及其他前端框架。该框架还将突破移动端限制,逐步扩展至桌面端、电视以及 IoT 设备等更多平台。

来源:商财洞察君

相关推荐