React与React Fiber有什么区别?

Hoa*_*ung 63 reactjs react-fiber

我刚刚听说反应纤维准备好了.反应和反应纤维之间的巨大差异是什么?学习这些差异的全新概念是否值得?

San*_*nde 69

React Fiber是React核心算法的持续重新实现,它只是对React的完整内部重写.

React Fiber是React核心的完整向后兼容重写.

React Fiber的目标是增加其对动画,布局和手势等区域的适用性.它的标题功能是增量渲染:能够将渲染工作分割成块并将其分散到多个帧中.

React Fiber是一个虚拟堆栈框架,React Fiber是专门用于React组件的堆栈框架的重新实现.每个光纤都可以被认为是一个虚拟堆栈帧,其中来自帧的信息保存在堆内存中,并且由于信息保存在堆上,您可以控制和使用数据结构并根据需要处理相关信息.

您可以在此视频中找到Lin Clark的精彩解释.

有关详细信息,请查看以下链接,

1. 什么是React Fiber?

2. 反应光纤架构

3. React 16对你意味着什么?

希望这会对你有所帮助!!


小智 17

React Fiber是React核心算法的持续重新实现.反应和反应纤维之间的主要区别是这些新功能: -

  1. 增量渲染: - React v16.0包含一个完全重写的服务器渲染器.这真的很快.它支持流式传输,因此您可以更快地开始向客户端发送字节

  2. 处理渲染API中 的错误:为了使类组件成为错误边界,我们定义了一个名为componentDidCatch(error,info)的新生命周期方法.

  3. 从渲染中返回多个元素:现在使用React v16.0中的这个新特性,我们还可以返回一个元素数组,以及来自组件渲染方法的字符串.

  4. 门户:门户提供了一种将子项呈现为存在于父组件的DOM层次结构之外的DOM节点的第一类方法.

  5. 片段:React中的常见模式是组件返回多个元素.片段允许您将子列表分组,而无需向DOM添加额外节点.


Tom*_*aey 13

几小时前发布了React 16 beta:https://github.com/facebook/react/issues/10294.

重写的React核心(内部命名为"光纤")应与现有应用保持兼容,除了一些重大更改(参见Github上的发行说明).由于大多数变化都在幕后,您不需要再次学习一个全新的概念.

  • 以下是主要的beta讨论:https://github.com/facebook/react/issues/10294 (2认同)

sim*_*lor 8

这里的每个人都已经在这里提到了 React Fiber 即将推出的所有新功能。 我将重点介绍 React Fiber 正在做哪些核心更改以改进自身。React Fiber 实际上允许暂停和播放浏览器执行的不同任务。它将优先处理某些任务而不是其他任务。

例如,如果一个特定的动画很重要,而不是在后台获取数据。它将动画任务作为优先级推送到执行堆栈中,一旦动画完成或时间过长可以切换到数据获取任务。为了让这些现代浏览器开放了一个 API,即 requestIdleCallback,它允许暂停和播放任务。 请求空闲回调

反应纤维正在使用什么。这就是反应纤维在引擎盖中使用的东西,这太棒了。

注意:我在几点上可能不完全正确。我愿意接受任何更正,如果有的话