17611538698
webmaster@21cto.com

React Native的完美时刻,被 AI 重构了价值

前端 0 21 57分钟前
图片

开源于 2015 年的 React Native,刚刚走完一场历时六年的底层重写

其0.76 默认启用新架构、0.82 彻底关闭旧架构退路、Hermes V1 默认启用、严格 TypeScript API 成为标准……围绕 JSI、TurboModules 和 Fabric 构建的全新架构,彻底拆掉了旧时代那座低效的“异步 Bridge”

State of React Native 2025 调查显示,新架构采用率已达 80%,88% 的开发者认为框架正朝着正确方向前进

图片

从技术演进看,这可以说是 React Native 历史上最成熟、最完美的时刻

然而,就在这个节点,Shopify 宣布退出

作为 React Native 生态最大的背书者之一,Shopify 曾投入数年将旗下拥有 600 个页面的主应用迁上 React Native,长期赞助 React Native Skia,并开源了 FlashList 等高影响力项目。甚至在 2025 年 1 月,其官方复盘还在强调“转型相当成功,未来一片光明”

但在 2026 年 9 月,Shopify 突然转向:宣布全面重返原生开发(Swift/Kotlin),并借助 Agent 在短短 12 周内完成了消费者端应用 Shop 的全原生重写

一个刚把底层重写做完的框架,一个才宣誓要终身投入的大客户,在同一个交叉点走向了相反的方向。这已经超出了一次普通的技术选型迁移——React Native 诞生与繁荣的核心假设,在这个时代被 AI 彻底击碎了

账本变了,算式要重写


React Native 的黄金时代,建立在一个极其简单且坚固的商业逻辑上:人太贵了,所以代码最好只写一遍

2020 年 Shopify 决意摒弃 Swift 和 Kotlin 转向跨平台时,逻辑非常纯粹:避免用两支团队在两个平台重复实现相同的逻辑。正如工程总监 Mustafa Ali 所言,当时“两套代码 = 两倍人力 = 翻倍的沟通与维护成本”

但到了 2025 年底,以 Coding Agent 为代表的 AI 自动化能力重新改写了成本账本

  • 跨平台翻译与对齐:Agent 已经能够参考 iOS 的实现,自动生成高度契合 Android 的代码,反之亦然

  • 规范与审查自动化:共享的规格文档、测试用例和对抗式审查 Agent,大幅降低了跨平台功能一致性的维护成本

  • 平滑学习曲线:不熟悉某一原生平台的工程师,在 Agent 协助下也能高效贡献代码


原生开发依然意味着两套代码,但“两套代码等于两倍人力”的等式失效了

当两套原生代码的编写与对齐成本被 AI 压缩了 70% 以上,跨平台框架省下的“研发人力成本”,便再也无法抵消它引入的“运行时复杂度、Bridge/JSI 胶水层以及非原生 UI 契合度”的固有隐患

第一性原理重新推演后的答案极其明确:回归 Swift 与 Kotlin

12 周与 6 个人:Agent 时代的“绿地重建”


过去,大型软件重构最忌讳“从零重写(Greenfield Rebuild)”,因为这往往意味着长达数年的开发停滞和无限延期的交付风险。当年 Shopify 迁移到 React Native 时,也不得不采用极其痛苦的“棕地渐进式替换”

但 Coding Agent 的出现,让“从零重写”成为了首选路径

1. 突破“生成垃圾代码”的困境


直接把庞大的旧代码库丢给 LLM 生成原生代码,只会得到不可维护的废品。Shopify 的做法是将迁移工作拆解为专业化的 Agent 工作流(Pi/Helix)

  • 专门的 Agent 负责解析 React Native 源码与记录运行行为

  • 规划 Agent 制定 Swift/Kotlin 实现路线

  • 每一个增量检查点,都必须经过视觉对比、单元测试以及对抗式代码审查 Agent 的严格把关,最后交由人类工程师一键批准


2. 反向倒逼架构革新:桌面无头化(Headless)


Shopify 发现,AI 编码的速度以秒计算,但在模拟器中启动、渲染和验证UI却需要几分钟,验证成为了新的瓶颈。 为此,团队将移动端的业务逻辑与 UI 彻底解耦,使其能够在桌面端无界面(Headless)运行并暴露 CLI 给 Agent。原本耗时数分钟的验证循环直接被缩短至几毫秒,AI 的生产力被彻底释放

最终,6 个人、12 周时间,Shopyfy 实现了从 RN 到全原生版本的上架。而带来的性能提升同样震撼:

性能指标原生 Swift/Kotlin 版本较 RN 版本的提升幅度
冷启动速度 (Cold Start)

提升 45%

主流程卡顿率 (Stutter/Lag)

降低 62%

内存占用 (Memory Footprint)

减少 38%


尽管 Shopify 坦言部分提升源于产品精简,但数据背后的趋势清晰无比:原生开发带来的极致性能与平台无缝集成(如 Siri 快捷指令、小组件、Apple Watch 支持),重新抢回了高地

历史的轮回:从 HTML5 的教训到 AI 时代的选型重构


React Native 框架的诞生,本身就是对“跨平台技术妥协”的一次修正

2012 年,马克·扎克伯格承认“过度押注 HTML5 是 Facebook 犯下的最大战略错误”。为了解决 Web 技术在移动端的卡顿与体验撕裂,Facebook 提出了“使用 JavaScript,但渲染原生控件”的折中方案,React Native 技术随之应运而生

十年来,一代代工程团队在“体验”与“成本”的平衡木上艰难翻滚。React Native 团队用时六年完成底层新架构的重写,就是为了把这种“折中妥协”的代价降到最低

然而,当 React Native 终于在 2026 年交出一份近乎完美的答卷时,游戏规则改变了:

AI 并没有打败 React Native,AI 只是打碎了“写两套代码太贵”的技术经济学假设

过去,技术选型是长在组织骨骼里的命运线。由于迁移成本高达数年、数千万资金,一旦选择了 React Native 或 Flutter,公司招聘、架构、部署都会被深度绑定

但在 Agent 时代,当数千个页面的重构成本被压缩至数周,技术选型不再是一次性的豪赌,而退化成了一个随时可逆、随时可切的动态工程决策

结语


React Native 依然会生存,Meta、微软和 Expo 等科技巨头仍在不断加注投入,其周下载量依然在创下新高。对于中小型项目或验证性 MVP 来说,它依然是绝佳的选择。

但 Shopify 的离开,给整个软件工程界敲响了警钟:

技术的演进往往是残酷的。有时候,你并没有做错任何事,你甚至花了六年时间把自己做到了极致;但当底层经济账本被新的技术栈(AI Agent)重写时,你赖以生存的根基,便已不存在了

作者:聆听音乐的鱼

评论

我要赞赏作者

请扫描二维码,使用微信支付哦。

分享到微信