React与React Fiber之间有什么区别?

reactjs React.js

斯丁Tony

2020-03-18

我只是听说反应纤维已经准备好了。react和react-fiber之间的最大区别是什么?学习针对这些差异的全新概念是否值得?

第2103篇《React与React Fiber之间有什么区别?》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点

4个回答
阿飞 2020.03.18

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

React Fiber是对React核心的完整,向后兼容的重写。

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

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

此视频中,您可以找到Lin Clark的出色解释

有关更多详细信息,请检查以下链接,

1. 什么是反应纤维?

2. React Fiber体系结构

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

希望这对您有帮助!

→笑里藏刀↓ 2020.03.18

React 16 beta已于数小时前发布:https : //github.com/facebook/react/issues/10294

重写的React核心(内部称为“光纤”)应保持与现有应用程序的兼容性,除了一些重大更改(请参阅Github上的发行说明)。由于大多数更改都在幕后,因此您无需再次学习全新的概念。

Eva 2020.03.18

这里的每个人都已经提到了反应纤维所具有的所有新功能。我将重点介绍反应纤维为改善自身所做的核心变化。React Fiber实际上将允许浏览器暂停和播放不同的任务。它将优先于某些任务。

例如,如果特定的动画比背景中的数据获取重要而不是重要。它将把动画任务作为执行堆栈中的优先级,一旦完成动画或花费太长时间就可以切换到数据获取任务。为了允许这些现代浏览器打开了一个名为requestIdleCallback的API,该API允许暂停和播放任务。 requestIdleCallback

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

注意:我可能在几点上并不完全正确。我愿意接受任何更正

GilSam 2020.03.18

除了每个人都说了些什么,我写了一篇博客文章,从以下角度介绍了Fiber的真正含义:

  • React如何渲染预纤维
  • 纤维前有什么问题
  • 什么是纤维及其如何解决这些问题。

在这里查看我的文章

问题类别

JavaScript Ckeditor Python Webpack TypeScript Vue.js React.js ExpressJS KoaJS CSS Node.js HTML Django 单元测试 PHP Asp.net jQuery Bootstrap IOS Android