runnerdancer

为什么React不采用数组保存副作用节点，而是采用逐级提交副作用链表的方式，从树中构建副作用链表？本章介绍fiber副作用及其构建副作用链表的过程...

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

介绍render和commit阶段。React合成事件注册时机、reconcileChildren、类组件生命周期方法、函数组件 hook 调用时机。介绍副作用以及副作用链...

从源码层面介绍useLayoutEffect以及useEffect的区别及执行时机，类组件常见生命周期以及this.setState的callback的执行时机...

前言 本文为【手把手react源码】系列第二篇文章。 第一篇文章介绍了如何高效阅读源码的准备工作 。 本文暂时未开始正式的源码阅读，而是在源码阅读之前系统地了解 react...

熟悉Fiber节点结构，副作用及副作用链表。熟悉react最主要的两个阶段：render和commit。...

批处理（异步更新）机制简述 在 React 源码中，通过全局变量 executionContext 控制 React 执行上下文，指示 React 开启同步或者异步更新。e...

setState同步更新还是异步更新？ React17稳定版本或者React17以前的版本中，即legacy模式下，在react能够接管的地方，比如生命周期或者合成事件中，...

了解什么是更新队列，什么是 hook 链表，如何查看 fiber 节点中真实的 hook 链表，hook 的主流程以及源码剖析...

在此前很长一段时间内，我以为 position:fixed 定位都是相对于浏览器窗口的。直到有一天，我发现我错了...

结合Promise A+规范设计的几道题，如resolve自身，resolve or reject一个promise，then的链式调用，多个promise的执行顺序等...

深入理解 React 中 state 和 props 的更新过程，协调过程，构建副作用链表的过程。组件生命周期的调用时机...

人人都能看得懂的，通过简单修改react源码rollup打包配置，让我们只关注核心代码，极大提高源码阅读体验以及源码的打包构建速度。...

从概念、用法、执行顺序、如何开发 loader 和 plugin、源码层面 概述webpack loader 和plugin的区别...

手写webpack tapable源码，new Function动态生成函数执行体，Hidden Class、单态性在tapable源码中的使用...

了解Babel编译整体流程，了解如何修改通过babel/types修改AST抽象语法树节点，如何开发Babel插件，如何给React添加r-if及r-show指令...

手写redux以及react redux核心API源码，熟悉redux原理，react redux原理...

前言 有很多人看过很多react源码解读的文章，但是都是别人写好的、截图的知识点。但是自己去看react源码的时候，又被庞大又复杂的项目，本系列将尝试与大家一起动手开始源码...