在本章剩下部分我们会讲解Fiber节点是如何被创建并构建Fiber树的。 render阶段开始于workLoopConcurrent方法的调用。 其中workInProgress代表当前已创建的workInProgress fiber。 performUnitOfWork方法会…

在上一篇文章这里我们讲到，在render阶段的beginWork函数中，会将上次更新产生的 Fiber 节点与本次更新的 JSX 对象（对应ClassComponent的this.render方法返回值，或者FunctionComponent执行的返回值）进行比较。根据比较的结…

《xx行代码带你实现迷你React》，《xx行代码实现React hook》这样短小精干的文章。如果你只是想花一点点时间了解下React的工作原理，我向你推荐 这篇文章，非常精彩。 《React Fiber原理》，《React expirationTime原理》这样摘录Reac…

文章简介 定义：介绍高阶组件的概念。 实例：通过小实例巩固高阶组件的概念。 二次封装 Antd弹窗组件，通过函数方法的形式调用。 正文开始 敲业务敲到一定量的时候，就需要发起一个“质变”。而这个“质变

作为前端小白中的一员，没接触过 React 高阶组件，首次看到这个名字时不明觉厉 😱，甚至有种“从入门到放弃”的想法。 然 🦢，通过深入学习后发现它实际上是一个概念十分简单，但却非常常用的东西。它的作用是能实现代码复用和逻辑抽象、对 state 和 props 进行抽象和操…

一 前言 不知不觉 react-router 已经到了 v6 版本了，可能很多同学发现，v6相比之前的 v5 有着翻天覆地的变化，因为最近接触到了 React 的新项目，用到了 v6 版本的 reac