在《Concurrent 的奥秘》中，我们已经了解到，React 利用并发特性可以为应用构建更好的用户体验。而 Concurrent 的背后是：可被中断的 “渲染” 和 区分优先级的更新 两项核心设计

自上一篇写关于diff的文章到现在已经过了二十天多，利用业余时间和10天婚假的闲暇，终于搞懂了React源码中的调度原理。当费劲一番周折终于调试到将更新与调度任务连接在一起的核心逻辑那一刻，忧愁的嘴角终于露出欣慰的微笑。 最早之前，React还没有用fiber重写，那个时候对R…

React 在构建用户界面整体遵循函数式的编程理念,即固定的输入有固定的输出,尤其是在推出函数式组件之后，更加强化了组件纯函数的理念。但实际业务中编写的组件不免要产生请求数据、订阅事件、手动操作 DO

React Fiber架构有一定的复杂度，如果硬着头皮去啃源码，我们会深陷于庞大的代码量和实现细节之中，往往学不到什么东西。 React并发模式是ReactFiber架构的重要应用，本文不贴任何React源码，纯粹使用文字帮助大家从并发模式的角度去理解React Fiber架构…

理清 React18 并发的整体实现思路，了解 React18 中为什么需要并发，又是如何实现并发的。基于对并发原理的理解，再来学习 React18 中 Suspense、useTransition。

从0实现React18系列一 本系列是讲述从0开始实现一个react18的基本版本。由于React源码通过Mono-repo 管理仓库，我们也是用pnpm提供的workspaces来管理我们的代码仓库

vue和react都已经全面进入了hooks时代（在vue中也称为组合式api），如何才能写出高质量的hooks组件？

熟悉React的朋友都知道，React支持jsx语法，我们可以直接将HTML代码写到JS中间，然后渲染到页面上，我们写的HTML如果有更新的话，React还有虚拟DOM的对比，只更新变化的部分，而不重新渲染整个页面，大大提高渲染效率。到了16.x，React更是使用了一个被称为…

本文并不会讲解 hooks 的基本用法， 本文从 一个hooks中 “奇怪”（其实符合逻辑） 的 “闭包陷阱” 的场景切入，试图讲清楚其背后的因果。