Facebook 重写 React 和 Relay 框架,旨在提升性能

简介:

Facebook 已完全重写用于构建用户界面的 React 框架。新的项目名称为 React Fiber,其在公布之前就已在 Facebook.com 运行使用。现在,Facebook 将此项目公示,并计划在今年推出 React 16.0 之后将它向开发者开放。

同时,Facebook 也表示已重写 React 的数据驱动框架 Relay。

React Fiber

React Fiber 包含 React 最初的开发理念,也兼容现有的基于 React 的应用程序。Facebook 将其作为 React 框架未来改进和功能开发的基础。

关于为何重写 React 的问题,React 核心开发团队的 Ben Alpert 说道:“这并不代表旧代码存在问题,而是我们希望从一个新起点开始,继续往前发展。”这意味着新代码从一开始就是可扩展的。Alpert 强调,重写后的框架会带来一些突破性的变化,强大的 API 合约将给项目的更新带来灵活性。

Relay Modern

Relay 的重写主要在其性能和可扩展性。Relay 将 React 与 Facebook 的 GraphQL 查询语言结合起来成就了 Relay Modern,它旨在推动 Relay 的理念,并克服原始设计的一些限制,即简化设计以提高框架整体性能。

Relay Modern 保留了 Relay 的最佳部分:

共同定位的数据和视图定义

声明式数据提取

同时:

简化 API

增加新功能

简化框架大小以提升性能等

Facebook 表示,当他们将 Facebook 应用程序中的 Marketplace 选项卡从“Relay”转接到“Relay Modern”时,Android 上交互的时间平均提高了 900ms,使应用程序的响应更敏捷。

本文来自开源中国社区 [http://www.oschina.net]

目录
相关文章
|
2天前
|
前端开发 JavaScript 开发者
颠覆传统:React框架如何引领前端开发的革命性变革
【10月更文挑战第32天】本文以问答形式探讨了React框架的特性和应用。React是一款由Facebook推出的JavaScript库,以其虚拟DOM机制和组件化设计,成为构建高性能单页面应用的理想选择。文章介绍了如何开始一个React项目、组件化思想的体现、性能优化方法、表单处理及路由实现等内容,帮助开发者更好地理解和使用React。
17 8
|
8天前
|
JavaScript 前端开发 算法
在性能上,React和Vue有什么区别
【10月更文挑战第23天】在性能上,React和Vue有什么区别
9 1
|
14天前
|
缓存 前端开发 JavaScript
前端serverless探索之组件单独部署时,利用rxjs实现业务状态与vue-react-angular等框架的响应式状态映射
本文深入探讨了如何将RxJS与Vue、React、Angular三大前端框架进行集成,通过抽象出辅助方法`useRx`和`pushPipe`,实现跨框架的状态管理。具体介绍了各框架的响应式机制,展示了如何将RxJS的Observable对象转化为框架的响应式数据,并通过示例代码演示了使用方法。此外,还讨论了全局状态源与WebComponent的部署优化,以及一些实践中的改进点。这些方法不仅简化了异步编程,还提升了代码的可读性和可维护性。
|
24天前
|
前端开发 JavaScript UED
构建现代Web应用:使用React框架打造单页面应用
【10月更文挑战第9天】构建现代Web应用:使用React框架打造单页面应用
|
24天前
|
前端开发 JavaScript 开发者
探索现代Web前端技术:React框架入门
【10月更文挑战第9天】 探索现代Web前端技术:React框架入门
|
30天前
|
JSON 前端开发 JavaScript
【简单粗暴】如何使用 React 优化 AG 网格性能
【简单粗暴】如何使用 React 优化 AG 网格性能
24 3
|
2月前
|
前端开发 搜索推荐 API
【Prompt Engineering:ReAct 框架】
ReAct 框架由 Yao 等人(2022)提出,结合大语言模型(LLMs)生成推理轨迹与任务操作,交替进行推理与行动。此框架允许模型与外部环境(如知识库)互动,以动态更新操作计划并处理异常。ReAct 在语言和决策任务上表现优异,提升模型的人类可解释性和可信度。研究显示,ReAct 优于多个基准模型,尤其在结合链式思考时效果最佳。通过实例演示,ReAct 能有效整合内外部信息,优化推理过程。
【Prompt Engineering:ReAct 框架】
|
2月前
|
前端开发 JavaScript 开发者
React 和 Vue.js 框架的区别是什么?
React 和 Vue.js 框架的区别是什么?
|
2月前
|
前端开发 JavaScript API
React、Vue.js 和 Angular前端三大框架对比与选择
前端框架是用于构建用户界面的工具和库,它提供组件化结构、数据绑定、路由管理和状态管理等功能,帮助开发者高效地创建和维护 web 应用的前端部分。常见的前端框架如 React、Vue.js 和 Angular,能够提高开发效率并促进团队协作。
77 4
|
26天前
|
缓存 前端开发 JavaScript
10 种方案提升你 React 应用的性能
本文首发于微信公众号「前端徐徐」,作者徐徐分享了提升 React 应用性能的方法。文章详细介绍了 `useMemo`、虚拟化长列表、`React.PureComponent`、缓存函数、使用 Reselect、Web Worker、懒加载、`React.memo`、`useCallback` 和 `shouldComponentUpdate` 等技术,通过实际案例和代码示例展示了如何优化 React 应用的性能。这些方法不仅减少了不必要的重新渲染和计算,还提升了应用的响应速度和用户体验。
16 0