折曜

React 团队给出了 React 18 版本的计划，其中提到了一个优化：Automatic Batching。本文是对该优化的一个讨论。...

昨晚春晚上刘谦的两个魔术表演都非常精彩，尤其是第二个魔术，他演绎了经典的约瑟夫环问题！ 什么是约瑟夫环问题？ 约瑟夫环（Josephus problem）是一个经典的数学问...

译注：这是 3.0 最重要的 RFC，因此特意翻译成中文。...

嵌套的flex容器，子flex的高度会超过父容器高度，并导致父容器高度变大。 效果如下，可以很明显的看到， 顶层节点App的高度是正常的，但是content却被子容器给撑开...

Commit 阶段概述 在 React 源码分析（二）—— Fiber 的 render 阶段 讲到， Fiber 在render 阶段完成后，对应 Fiber 的 DOM...

为什么需要优先级 优先级机制最终目的是为了实现高优先级任务优先执行，低优先级任务延后执行。 实现这一目的的本质就是在低优先级任务执行时，有更高优先级任务进来的话，可以打断低...

本文重点讲解更新流程中 `render`阶段的全流程 ，在 `React` 中,`render` 流程中可以被拆分为 `beginWork` 和 `completeWork...

在 React 18 中，引进了一个新的 API —— startTransition 还有二个新的 hooks —— useTransition 和 useDeferre...

点击进入React源码调试仓库。 每个fiber节点在更新时都会经历两个阶段：beginWork和completeWork。在Diff之后（详见深入理解React Diff...

这里是 React 源码分析系列的第一节。看完这篇文章，你可以理解 React 的设计理念。并对 React 源码有一些初步的了解...

点击进入React源码调试仓库。 Scheduler作为一个独立的包，可以独自承担起任务调度的职责，你只需要将任务和任务的优先级交给它，它就可以帮你管理任务，安排任务的执行...

React Scheduler 为什么使用 MessageChannel 呢？为什么不使用 setTimeout 或 requestAnimationFrame 实现呢？...

🤔️要求 实现一个可以将 union 转化为 tuple 的类型 UnionToTuple。 由于 union 是一个无序结构， tuple 是一个有序结构。因此在这个...

🤔️要求 实现类似Vue的类型支持的简化版本。 通过提供函数名称SimpleVue（类似于Vue.extend或defineComponent），它应该正确地推断出计算和...

实现一个 Permutation 类型，当输入一个 union 类型时，返回一个包含该 union类型的全排列类型数组 。...

要求实现一个 EventEmitter 类，该类中存在两个方法 on / emit。分别完成 函数的 订阅和调用。...