React 剧变!

10月7日,React 官方团队宣布,创建 React 基金会和新的技术治理结构的计划

React 和 React Native 将从 Meta 迁移到新的 React 基金会,其目的在于成为 React、React Native 以及 JSX 等一些支持项目的独立开源组织,不再是 Meta 一家独有。

React 基金会

新的基金会成员包括亚马逊、Callstack、Expo、Meta、微软、Software Mansion 和 Vercel。React 基金会将由董事会管理,Seth Webster 担任执行董事。

React 由 Facebook 于 2013 年 3 月首次发布,历经 12 年,并在此之后 React 一直获得了来自 Meta 之外贡献者的大量贡献,即使后面受到新框架 Vue 的挑战,也依然发展的很迅猛,多年来贡献者的数量和范围都显著增长。

成立基金会以后,React 的技术方向会由那些为 React 做出贡献并维护 React 的人们来制定,随着 React 转向基金会,重要的是不要让任何一家公司或组织拥有过多的影响力。

React 基金会还将成为 Linux 基金会的一部分,该基金会长期以来一直致力于为开源项目营造一个与供应商无关的环境。

新的功能发布

React Compiler v1.0

同一时间,React 团队发布了 React Compiler v1.0,主要用于性能优化。

  • 兼容 React 和 React Native
  • 自动优化性能
  • 支持ViteNext.js

React Compiler 会在构建阶段自动优化 React 组件的重渲染逻辑,无需开发者手动编写 useMemo、useCallback 等优化代码,就能提升应用性能。

把以前的手工优化 变成自动优化,大大减轻开发负担。

React 19.2

React 19 版本的第二个小更新:

  • <Activity>:一种用于隐藏和恢复其子项的 UI 和内部状态的新 API。
  • useEffectEvent 是一个 React Hook,可让您将非反应性逻辑提取到 Effect Event 中。
  • cacheSignal:(用于 RSC)让您知道 cache() 生命周期何时结束。
  • React Performance: 轨迹出现在浏览器开发者工具的 Performance 面板时间线上

React 19.2 是一个 "打磨型" 更新,专注于提升现有功能的稳定性和性能。

值得更新吗?对于以下项目,推荐更新:

  • 已升级到 React 19 的项目:建议更新到 19.2 以修复已知问题,提升稳定性。
  • 正在使用 RSC 或并发特性的应用:能明显受益于其对服务端渲染和并发更新的优化。
  • 依赖 React 19 新的项目:确保新特性在复杂场景下的可靠性。

React 未来会怎么样?

事实上,基金会的形式在前端并不少见,早在 2015 年,Nodejs 就成立基金会来管理,结束了早期 Nodejs 的分裂局面,而后 2019 年 3 月 13 日,Node.js 基金会和 JS 基金会合并成了 OpenJS 基金会,致力于促进 JavaScript 和 Web 生态系统的健康发展。

就目前看来 React 的独立运营是件好事,中立化管理对于一个广泛的流行性项目来说很重要,而基金会的目标也是确保 React 保持开放、创新和社区驱动,更好地服务于整个 React 生态,可以更好保证了项目的长期稳定和持续发展,特别是有 Linux 基金会的背书。

为支持 React 基金会的初期发展,Meta 承诺将在未来五年内提供 300 万美元的资金和工程资源支持,还将继续在自家产品中使用 React,并维持一支专职团队负责 React 及 React Native 的研发与支持。

一些担忧

基金会的成员包括 Vercel,社区存在一些担忧,认为 Vercel 已经绑架了 React,React Server Components(React 服务端组件,RSC)就是 Vercel 基于自己的商业需求强推出来的。未来 React 会不会从研发驱动 转向商业驱动是一个值得关注的点。

往期回顾

好用的库:

数学计算 高性能sass

Vue3:

键盘快捷键开发

UI 库:

Inspira UI shadcn ui

前端技巧:

禁止控制台调试

相关推荐
ZC跨境爬虫3 小时前
跟着 MDN 学 HTML day_9:(信件语义标记)
前端·css·笔记·ui·html
前端老石人3 小时前
HTML 字符引用完全指南
开发语言·前端·html
幼儿园技术家3 小时前
前端如何设计权限系统(RBAC / ABAC)?
前端
前端摸鱼匠5 小时前
Vue 3 的v-bind合并行为:讲解v-bind与普通属性合并的规则
前端·javascript·vue.js·前端框架·ecmascript
REDcker5 小时前
浏览器端Web程序性能分析与优化实战 DevTools指标与工程清单
开发语言·前端·javascript·vue·ecmascript·php·js
donecoding7 小时前
一个 sudo 引发的血案:npm 全局包权限错乱彻底修复
前端·node.js·前端工程化
风骏时光牛马7 小时前
Raku正则匹配与数据批量处理实操案例
前端
nbwenren7 小时前
2026实测:Gemini 3 镜像站视觉能力实践——拍照原型图,一键生成 HTML+CSS 代码
前端·css·html
Lee川7 小时前
Prisma 实战指南:像搭积木一样设计古诗词数据库
前端·数据库·后端