React Profiler 的使用 前言 平时大家开发项目的时候，有时候会感觉项目卡顿，通常情况下可以即时做出整改，但也有时候不太容易找到引起卡顿的点，或者说不好发现潜在的性能问题，React De

目前，react18 最新的版本已经到了 18.0.0-alpha-f6abf4b40-20211020，相信再过不久，我们就可以正式使用 react18 了。相比 17， 18 版本最大的变化就是原

Fiber 是对 React 核心算法的重构，facebook 团队使用两年多的时间去重构 React 的核心算法，在React16 以上的版本中引入了 Fiber 架构，其中的设计思想是非常值得我们学习的。 我们知道，在浏览器中，页面是一帧一帧绘制出来的，渲染的帧率与设备的刷…

React Fiber 是Facebook花费两年余时间对 React 做出的一个重大改变与优化，是对 React 核心算法的一次重新实现。

React 16 之前和之后最大的区别就是 16 引入了 fiber，又基于 fiber 实现了 hooks。整天都提 fiber，那 fiber 到底是啥？它和 vdom 是什么关系？ 与其看各种解

这篇文章大致归纳了面试中最爱问的几个问题：1.useState后发生了什么。2.详解diff算法 。3.render阶段发生了什么。4.fiber树的更新流程

当使用 Hook 特性编写组件的时候时候，总能感觉到它的简洁和方便。当然，「天下没有免费的午餐」，它牺牲了可读性并且存在内存泄漏风险（最后有提到）。但这并不妨碍探索它的魔力。 在正式开始前，希望您读过 Hook 的文档或者在项目使用过它。但如果只对函数编程感兴趣，也可能有所收获…

在 React v16.13 版本中，正式推出了实验性的 Concurrent Mode，尤其是提供一种新的机制 Suspense，非常自然地解决了一直以来存在的异步副作用问题。结合前面 v16.8 推出的 Hooks，v16.0 底层架构 Fiber，React 给开发者体验…

写了一篇关于React Fiber架构的文章，详细介绍了React16的整体优化思路，及大致的实现过程， https://zhuanlan.zhihu.com/p/37095662