Hook 是 React 16.8 的新增特性。它可以让你在不编写 class 的情况下使用 state 以及其他的 React 特性。 简单的用法如以下代码所示。 如上。我们可以用u

前言 如果你是一个react忠实用户，看到这个标题肯定会嗤之以鼻，useEffect还能不懂？这每天都要写好几遍的东西，早已如呼吸般自然～ 别急，接下来将设置几道关卡，看一看你的useEffect是否

如果你是一个react忠实用户，看到这个标题肯定会嗤之以鼻，useState还能不懂？这每天都要写好几遍的东西，早已如呼吸般自然～ 别急，接下来将设置几道关卡，看一看你的useState是否如你所愿～

大家好，相信点进来看的同学都是react的老手了，请问大家在编写react组件时，是否了解react组件从创建->更新->销毁的过程中，框架层面都做了什么事吗？

目的是初识fiber并实现react基础功能，请带着下面几个问题去阅读此文。 JavaScript是单线程运行的。在浏览器环境中，他需要负责页面的JavaScript解析和执行、绘制、事件处理、静态资源加载和处理。而且只能一个任务一个任务的执行，如果其中某个任务耗时很长，那后面…

开什么玩笑？setState相同的状态值也会引发组件render？react的更新机制居然是需求排期？

写在前面 本系列会实现一个简单的react，包含最基础的首次渲染，更新，hook，lane模型等等，本文是本系列的第一篇。这对于我也是一个很大的挑战，不过这也是一个学习和进步的过程，希望能坚持下去，一

本系列会实现一个简单的react，包含最基础的首次渲染，更新，hook，lane模型等等，本文是本系列的第一篇。这对于我也是一个很大的挑战，不过这也是一个学习和进步的过程，希望能坚持下去，一起加油！期

前面的文章梳理了Fiber架构的render 流程，我们知道 beginWork的目的是为传入的workInprogress fiberNode生成子fiberNode，生成的方式有两种： 通过对比w