骑自行车的码农

总流程 合成事件的设计原理： 给容器绑定统一的事件监听器 创建合成事件对象 收集Fiber事件 (详细） 事件回调的派发 这一篇处在第3点，收集Fiber事件。 树“歪”了 以一个HostPortal

原生事件的问题 nativeEvent 原生事件并不是稳定的一致集合，React 不能直接把它暴露给开发者。 例如： 没按标准实现，各浏览器实现不一致（例：movementX、relatedTarge

此文总结了我多年组件封装经验，以及拜读 antd、element-plus、vant、fusion等多个知名组件库所提炼的完美组件封装的经验；是一个开发者在封装项目组件，公共组件等场景时非常有必要遵循

第一部分 目标字符串 我们要把模版编译成目标字符串的样子，先了解目标字符串是什么样的。 模版： 编译成： 运行后输出： 用函数包裹 用new Function实现，var 函数名 = new Func

介绍 本篇对照源码和jsx模版简单介绍React Fiber子节点的diff算法。 JSX 模版 情况1: a对应正文1.2顺序比较key和type都相同，b对应1.2.2key相同type不同 假如

前言 这一篇讲的是React用到的一些算法。 正文 在遍历fiber树的过程中还维护了游标和栈。 在beginWork completeWork的过程中switch catch到updateHostC

前言 看到柯里化的实现觉得不好理解，所以做了分析，本篇简单讲了柯里化的定义，主要是对柯里化的实现做分析。 定义 柯里化是将多个参数的函数分解成多个一个参数进行调用的方式 科里化的“高级”实现还可

SSR搭建 四个角色 server服务器(server.js)+ server ssr返回纯html首页（对应entry-server.jsx)+ client hydrateRoot注水给html，

介绍 Suspense在整个React体系中都非常重要。 这里根据一个实践例子和源码深度解析Suspense的实现原理。 举一个例子 原理 开始渲染Suspense, 但是组件还没有加载好，updat