骑自行车的码农

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

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

此文总结了我多年组件封装经验，以及拜读 antd、element-plus、vant、fusion等多个知名组件库所提炼的完美组件封装的经验；是一个开发者在封装项目组件，公...

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

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

在beginWork completeWork的过程中switch catch到updateHostComponent就有一行代码 completeWork是对应的 概念和...

从createRoot到App节点的创建 createRoot->renderRootSync->prepareFreshStack->workLoopSync->Host...

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

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

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

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

本文将从状态管理的核心设计理念出发以及对观察者模式的简单实现，带领大家一步步探索 Zustand 的核心原理，并通过实际代码展示如何实现一个类似 Zustand的状态管理库...