Story

一、前面的话 在react中为我们提供了一个非常有用的组件，那就是<Suspense/>，他可以包裹一个异步组件，当这个异步组件处于pending状态的时候会展示一个过渡的UI，当异步组件处于reso

在前面的文章中我们学习了useState、useEffect、useLayoutEffect的基本原理，并看了源码了解了它的执行过程，而本篇文章我们继续学习react常用的hooks。 一、useMe

一、前面的话 hooks是react的一个标志性的特点，它是react拥抱函数式编程的一个重要的突破；通过使用hooks，我们可以让一个函数式组件也能够有自己的状态，相信大家在平常开发中都已经感受到h

一、前面的话 在之前的文章中，我们分别介绍了react的初始化流程、render流程、commit流程等，算是粗浅的了解了下react的工作流全貌，接下来我们需要慢慢深入react在工作中的细节部分，

vite 是新兴的构建工具，它相比 webpack 最大的特点就是快。 那它是如何做到这么快的呢？ 因为 vite 在开发环境并不做打包。 我们创建个 vite 项目： 安装依赖，然后把服务跑起来：

一、前面的话 如果把react的整个工作比作做一道菜的话，那么我们可以认为 render 阶段就是在准备菜谱，而真正干活的其实是commit阶段，在这个阶段，对于类组件来说会进行各种生命周期钩子函数的

一、前面的话 每一个经历过beginWork的Fiber节点都会经历completeWork，当beginWork进行到不能再往下进行的时候，换句话说，当前的的节点已经没有子节点的时候，就会来到com

在 JS 学习过程中，往往出现一些与我们常理相违背的结果，比如当我们打印[] == ![] ，它的返回的结果竟然是true 。而本文将结合官方文档对该题进行深度剖析。

详细介绍React Fiber副作用含义，fiber flags常见的操作。React采用二进制标记副作用的好处。