React Native 星标突破12.6万:重塑移动开发的不可阻挡之力

GitHub June 2026
⭐ 126019📈 +44
来源:GitHub归档:June 2026
React Native 在 GitHub 上斩获超过 126,000 颗星标,巩固了其作为跨平台移动框架主导者的地位。AINews 深入剖析其技术架构、竞争格局,以及将定义其下一个十年的战略布局。

React Native,Meta 旗下用于使用 React 和 JavaScript 构建原生移动应用的开源框架,现已拥有 126,019 个 GitHub 星标,日均增长 +44。其核心主张——‘一次学习,随处编写’——已从一个巧妙的 hack 演变为一个成熟的平台,为从 Instagram 到 Shopify 等应用提供动力。该框架使用 JavaScript 到原生的桥接来调用平台特定的 UI 组件,在保持单一代码库的同时实现接近原生的性能。最近引入的新架构,包含 JSI(JavaScript 接口)和 Fabric 渲染器,解决了长期存在的性能瓶颈。本文审视了其技术基础、Expo 和 Microsoft 等关键参与者,以及 React Native 在跨平台市场占据超过 40% 份额的市场动态。

技术深度解析

React Native 的架构堪称实用工程学的典范。其核心是桥接,一个在 JavaScript 线程和原生(Java/Obj-C)线程之间进行异步、序列化通信的通道。当渲染一个像 `<View>` 这样的 React 组件时,JavaScript 线程会通过桥接发送一个描述所需原生视图的序列化 JSON 消息。然后原生线程创建相应的 `UIView`(iOS)或 `ViewGroup`(Android)。这种分离确保了 UI 渲染永远不会阻塞 JavaScript 执行,但历史上为滚动或动画等高频率交互引入了延迟。

旧桥接 vs. 新架构

原始的桥接有三个关键缺陷:
1. 序列化开销:每条消息都必须进行 JSON 序列化和反序列化,每次往返增加约 1-2 毫秒。
2. 批量更新:桥接以 16 毫秒的 tick 运行,意味着更新可能延迟一整帧。
3. 单线程 JavaScript:所有业务逻辑、布局计算和状态管理都在一个线程上运行。

新架构,在 React Native 0.68+ 中推出,用 JSI(JavaScript 接口) 取代了桥接。JSI 允许 JavaScript 持有对 C++ 宿主对象的直接引用,从而实现无需序列化的同步、直接调用原生模块。例如,一个 `console.log` 调用现在通过 C++ 指针直接调用原生日志记录函数,完全消除了桥接。

| 架构组件 | 旧桥接 | 新架构 (JSI + Fabric) |
|---|---|---|
| 通信方式 | 异步,序列化 JSON | 同步,直接 C++ 引用 |
| 每次调用延迟 | ~1-2ms | <0.1ms |
| 线程 | JS + 原生 (2 线程) | JS + 原生 + 影子 (3 线程) |
| 内存开销 | 每个桥接实例 ~5-10MB | 每个 JSI 实例 ~2-3MB |
| 动画支持 | 需要原生驱动 | Fabric 可原生处理 120fps 动画 |

数据要点:新架构将线程间延迟降低了 10-20 倍,并将内存开销削减了 60%。这直接转化为更流畅的滚动体验,例如在 Instagram 的信息流中,每个帖子现在在 8 毫秒内渲染完成,而不是 16 毫秒。

Fabric 渲染器和 TurboModules

Fabric 是新的渲染系统,它使用影子树——React 组件树的 C++ 表示——在主线程之外执行布局计算。这使得 React Native 能够在提交到原生 UI 之前预先计算位置和大小,从而减少卡顿。TurboModules 是惰性加载的原生模块,仅在首次访问时初始化,将应用冷启动时间缩短了多达 30%。

一个值得关注的关键开源项目是 react-native-reanimated(GitHub: software-mansion/react-native-reanimated,9000+ 星标)。它使用 JSI 直接在 UI 线程上运行动画,完全绕过桥接。该库现在为 Discord 和 Coinbase 等应用中的流畅过渡提供动力。

关键参与者与案例研究

Meta:仁慈的独裁者

Meta(前 Facebook)于 2013 年为内部应用开发了 React Native。如今,Meta 在 Facebook、Instagram、Messenger 和 Meta Quest 配套应用中使用它。Meta 的策略是积极地进行内部试用——例如,Instagram 的“探索”标签页 100% 由 React Native 构建。这确保了框架能够随着真实世界的规模而发展。

Expo:开发者体验的强者

Expo(expo.dev)已成为新 React Native 项目的事实上的起点。它提供了一个托管工作流,包含超过 150 个预构建的原生模块(相机、位置、支付)和一个云构建服务。Expo 的 EAS(Expo 应用服务) 现在每月处理超过 100 万次构建。该团队最近推出了 Expo Router,一个受 Next.js 启发的基于文件的路由系统,在 GitHub 上拥有 12,000+ 星标。

Microsoft:企业级赌注

Microsoft 在 Outlook Mobile、Skype 和 Xbox Game Pass 中使用 React Native。他们贡献了 react-native-windowsreact-native-macos,将框架扩展到移动端之外。Microsoft 的 Fluent UI 组件现在作为 React Native 库提供,瞄准企业级采用。

| 公司 | 应用 | React Native 使用情况 | 关键贡献 |
|---|---|---|---|
| Meta | Instagram | 整个“探索”标签页、Stories | JSI, Fabric, TurboModules |
| Microsoft | Outlook Mobile | 完整应用 | react-native-windows, Fluent UI |
| Shopify | Shopify POS | 销售点系统 | react-native-skia (2D 图形) |
| Coinbase | Coinbase Wallet | 完整应用 | react-native-reanimated 集成 |
| Discord | Discord Mobile | 60% 的屏幕 | 自定义导航库 |

数据要点:前五大采用者合计代表超过 20 亿月活跃用户。这种规模迫使 Meta 保持向后兼容性并投资于性能,使 React Native 成为比小型框架更安全的选择。

行业影响与市场动态

React Native 的市场地位最好通过开发者生态系统的视角来理解。

更多来自 GitHub

Mistral-Finetune:开源微调工具,如何改写企业AI定制规则总部位于巴黎的 AI 实验室 Mistral AI,以其高效的开源权重模型闻名,近日推出了 Mistral-Finetune——一个专为微调其 Mistral 7B 和 Mixtral 8x7B 模型而设计的工具库。该工具旨在解决企业面临的Iroh重写互联网协议栈:用“拨号密钥”取代IP地址互联网的基础寻址系统——IP地址——已显老态:它们会变动、会被劫持,并将身份绑定在物理网络位置上。Iroh,这个来自n0-computer团队(IPFS项目Earthstar的原班人马)的开源项目,提出了一个激进的替代方案:拨号密钥。不同于Mondrian OLAP:实时商业智能背后默默无闻的引擎Mondrian 不仅仅是一个 OLAP 引擎,它更是一块基础性基础设施,十多年来悄无声息地驱动着无数商业智能仪表盘和报表工具。作为 Pentaho 套件的核心分析组件,Mondrian 将复杂的 MDX 查询转化为优化的 SQL,让用户能查看来源专题页GitHub 已收录 2720 篇文章

时间归档

June 20261654 篇已发布文章

延伸阅读

Solid Router:让 SolidJS 真正闪耀的通用路由方案SolidJS 官方路由库 Solid Router 是一款通用、声明式的路由解决方案,它利用框架的细粒度响应式机制实现零开销更新。本文深度剖析其架构、竞争定位,以及为何它对 JavaScript 框架的未来至关重要。Solid.js 3.0:真正兑现性能承诺的“React杀手”Solid.js正在重写前端性能的规则。凭借一套消除虚拟DOM开销的细粒度响应式系统,它在保持类React开发者体验的同时,实现了接近原生的运行速度。本文将深入剖析其工作原理、幕后推手以及它为何值得关注。React Native金融应用:Udemy课程项目的真实潜力与边界一个结合React Native、Firebase、SQLite和Styled Components的Udemy课程项目,为移动金融应用提供了实用但有限的模板。本文深入剖析其架构、现实适用性,以及它揭示了移动开发教育的哪些现状。JKVideo:React Native如何驱动一个高性能的Bilibili第三方客户端开源项目JKVideo,一个基于React Native的Bilibili客户端,已在GitHub上斩获超4500颗星,彰显了开发者社群的浓厚兴趣。该项目成功挑战了业界对React Native难以构建复杂、富媒体应用的固有认知,并引发了关

常见问题

GitHub 热点“React Native at 126K Stars: The Unstoppable Force Reshaping Mobile Development”主要讲了什么?

React Native, the open-source framework from Meta for building native mobile apps with React and JavaScript, now boasts 126,019 GitHub stars and a daily gain of +44. Its core propo…

这个 GitHub 项目在“React Native vs Flutter 2025 performance benchmark comparison”上为什么会引发关注?

React Native’s architecture is a masterclass in pragmatic engineering. At its heart is the bridge, an asynchronous, serialized communication channel between the JavaScript thread and the native (Java/Obj-C) thread. When…

从“How to migrate React Native old architecture to new architecture JSI Fabric”看,这个 GitHub 项目的热度表现如何?

当前相关 GitHub 项目总星标约为 126019,近一日增长约为 44,这说明它在开源社区具有较强讨论度和扩散能力。