react18给我们带来了更强大的自动批处理机制，但是对于批处理本身究竟做了什么，它的影响有什么样的边界，很多人是不清楚的。本文会澄清批处理中的许多事实，并且通过对源码的解读，给读者以更清晰的认识。

React中，会遍历EffectList来执行节点操作、生命周期方法、Effect方法，可以把EffectList比作圣诞树上挂的彩灯，而这颗圣诞树就是Fiber树。 为什么会存在EffectList呢？打个比方来说，一颗Fiber树中有一些Fiber节点需要执行compone…

背景 本文所有关于 React 源码的讨论，基于 React v17.0.2 版本。 文章背景 工作中一直有在用 React 相关的技术栈，但却一直没有花时间好好思考一下其底层的运行逻辑，碰巧身边的小

本文将从两个框架的响应式设计为切入口讲清：1. 为什么不需要vue fiber；2. 为什么react fiber可以实现断点恢复，不涉及晦涩源码，不管有没有使用过react，阅读都不会有太大阻力。

前言 其实了解react的源码，并不是一件高成本的事，它的内部架构没有大家想象中的那么难，而阅读源码的收获，却是远远大过了成本，能够学习到其中优秀的设计模式和数据架构，并对业务中的熟练度有非常大的提升

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