React与React Fiber有什么区别？

作者: 那年
发布时间: 2024-10-16 09:33:00 (4天前)
转自：

5 条回复

0#
回复此人
无思 | 2019-08-31 10-32

<div class =“post-text”itemprop =“text”> <P> React Fiber是React核心算法的持续重新实现。反应和反应纤维之间的主要区别是这些新功能： - </p> <OL> <LI> <P> 的<strong> 增量渲染： - </强> React v16.0包含一个完全重写的服务器渲染器。真的很快。它支持流式传输，因此您可以更快地开始向客户端发送字节 </p> </LI> <LI> <P> 的<strong> 处理渲染API中的错误： </强> 为了使类组件成为错误边界，我们定义了一个名为componentDidCatch（error，info）的新生命周期方法。 </p> </LI> <LI> <P> 的<strong> 从渲染中返回多个元素 </强> ：借助React v16.0中的这一新功能，我们现在还可以返回一个元素数组，以及来自component srender方法的字符串。 </p> </LI> <LI> <P> 的<strong> 门户 </强> ：门户网站提供了一种将子项呈现为存在于父组件的DOM层次结构之外的DOM节点的第一类方法。 </p> </LI> <LI> <P> 的<strong> 片段 </强> ： React中的一个常见模式是组件返回多个元素。片段允许您将子列表分组，而无需向DOM添加额外节点。 </p> </LI> </醇> </DIV>

编辑
1#
回复此人
甲基蓝 | 2019-08-31 10-32

<div class =“post-text”itemprop =“text”> <P> 这里的每个人都已经提到了反应纤维所带来的所有新功能。我将强调光纤在改善自身方面做出的核心变化。实际上，React光纤将允许暂停和播放浏览器执行的不同任务。它将优先于某些任务而不是另一个任务。 </p> <P> 例如，如果特定动画很重要，而不是在后台获取数据。它会将动画任务作为执行堆栈中的优先级，并且一旦动画完成或耗时太长就可以切换到数据获取任务。为了允许这些现代浏览器打开一个API，即requestIdleCallback，它允许任务暂停和播放。 <a href="https://developer.mozilla.org/en-US/docs/Web/API/Window/requestIdleCallback" rel="nofollow noreferrer"> requestIdleCallback </A> </p> <P> 光纤正在使用的是什么。这就是光纤在引擎盖中使用的反应，这太棒了。 </p> <P> 注意：我可能在几点上不完全正确。如果有任何更正，我愿意接受任何更正 </p> </DIV>

编辑
2#
回复此人
明月清风上善若水自由如风 | 2019-08-31 10-32

<div class =“post-text”itemprop =“text”> <P> React 16 beta已在几小时前发布： <a href="https://github.com/facebook/react/issues/10294" rel="noreferrer"> https://github.com/facebook/react/issues/10294 </A> 。 </p> <P> 改写了的<strong> 反应核心 </强> （内部命名为“光纤”）应与现有应用程序保持兼容，除了一些重大更改（请参阅Github上的发行说明）。由于大多数变化都在幕后，您不需要再次学习一个全新的概念。 </p> </DIV>

编辑
3#
回复此人
v-star*위위 | 2019-08-31 10-32

<div class =“post-text”itemprop =“text”> <P> 的<strong> 反应光纤架构 </强> </p> <P> React Fiber是React核心算法的持续重新实现。这是React团队两年多研究的结果。 </p> <P> React Fiber的目标是增加其对动画，布局和手势等区域的适用性。它的标题功能是增量渲染：能够将渲染工作分割成块并将其分散到多个帧中。 </p> <P> 其他主要功能包括在新更新进入时暂停，中止或重复工作的能力;为不同类型的更新分配优先级的能力;和新的并发原语 </p> </DIV>

编辑

登录后才能参与评论