黄玄(Huxpro)的长文,记录他如何在两周的夜晚和周末,借助 AI 独立完成 Vue Lynx,让 Vue 3 应用跑在字节跳动开源的 Lynx 跨平台引擎上。
文章展示了一套完整的 AI 驱动开发方法论:怎么让 AI 跨 session 保持架构一致性、怎么桥接已有测试套件做质量保障、怎么构建自动化验证闭环。
注:黄玄是 Lynx 团队核心成员,曾在 Meta 参与 React 核心、React Native 和 Hermes 引擎开发,是 React Compiler(原名 React Forget)的最初推动者。
Lynx 是字节跳动开源的一个跨平台 UI 框架,用 JavaScript 和 CSS 写界面,同时跑在 iOS、Android 和 Web 上。TikTok、抖音、CapCut 等产品内部大量使用。
它跟 React Native 的核心区别在于双线程架构:框架的重计算(渲染、状态更新)跑在后台线程,原生 UI 线程只负责布局和渲染,不会被 JS 逻辑阻塞。需要即时响应的交互(比如手势)通过主线程脚本(MTS)直接在 UI 线程处理,所以可以做到零延迟。
另一个特点是框架无关。React Native 只能用 React,Lynx 的底层 API 是开放的,理论上任何前端框架都能接入。官方首先支持了 React(ReactLynx),现在黄玄做的 Vue Lynx 是第二个主要的框架集成。字节内部据说非 React 框架的使用量已经占到 Lynx 总用量的一半左右。
2025 年 3 月开源,官网是 https://t.co/sl9sD4foOm。