React和React Fiber有什么不同？

Question

我刚听说react-fiber准备好了。react和react-fiber之间的最大区别是什么？学习这种差异的全新概念值得吗？

Answer 1

React纤程是React核心算法的一个正在进行的重新实现，它只是内部对React的完全重写。

React纤程是对React核心的完全、向后兼容的重写。

React Fiber的目标是增加其在动画、布局和手势等领域的适用性。它的主要功能是增量渲染:将渲染工作拆分成块并将其分散到多个帧的能力。

React纤程是一个虚拟堆栈框架，React纤程是专门用于React组件的堆栈框架的重新实现。每个纤程都可以被认为是一个虚拟堆栈帧，其中帧中的信息保存在堆上的内存中，因为信息保存在堆上，所以您可以控制和处理数据结构，并根据需要处理相关信息。

你可以在this video上找到林克拉克的精彩解释。

有关更多详细信息，请查看以下链接，

1.What is React Fiber ?

2.React Fiber Architecture

3.What Does React 16 Mean for You?

希望这能对你有所帮助!！

Answer 2

React纤程是React核心算法的一个正在进行的重新实现。react和react光纤之间的主要区别是这些新功能：

1. Incremental渲染:- React v16.0包含一个完全重写的服务器渲染器。它真的很快。它支持流，所以你可以在render API中开始向客户端发送字节和错误:为了让类组件成为错误边界，我们定义了一个新的生命周期方法，叫做componentDidCatch( error，info).
2. Return multiple elements from render：使用React v16.0中的这个新特性，现在我们还可以返回一个元素数组，以及来自组件的render method.
3. Portals的字符串: component.
4. Fragments提供了一种将子节点呈现到父门户的DOM层次结构之外的DOM节点的一流方法: React中的一种常见模式是组件返回多个元素。片段允许您在不向DOM中添加额外节点的情况下对子代列表进行分组。

Answer 3

React 16测试版已经在几个小时前发布：https://github.com/facebook/react/issues/10294。

重写的React核心纤维(内部命名为“”)应该与现有应用程序保持兼容，除了一些突破性的变化(请参阅Github上的发布说明)。由于大多数更改都是在幕后进行的，因此您不需要再次学习全新的概念。