React 基础与进阶

说是实现，但其实我们只是在 React Scheduler 源码的基础上进行简化，省略掉繁琐的细节，添加了丰富的注释，保证代码可直接执行。大家可以复制代码到编辑器中，直接运行，非常适合学习 React

本篇补充讲解 Scheduler 源码中的三个小知识点。Scheduler 中有一个 getCurrentTime 函数，它的具体实现如下：

本篇我们接着《React 之 Scheduler 源码解读（上）》，讲解延时任务的执行源码。 scheduleCallback 依然从 unstable_scheduleCallback这个入口

前言 在《React 之从 requestIdleCallback 到时间切片》中，我们讲到，React 会把更新做成一个个任务，放进任务队列里。任务有不同的优先级、开始时间等，那怎么判断哪些任务先执

前言 React 源码如何调试，想必大家在阅读源码的时候一定会遇到，所以本篇我们来讲讲如何进行源码调试。

二叉树（Binary tree），每个节点最多只有两个分支的树结构。通常分支被称作“左子树”或“右子树”。二叉树的分支具有左右次序，不能随意颠倒。

在上篇《React 之 requestIdleCallback 来了解一下》，我们讲解了 requestIdleCallback 这个 API，它可以实现在浏览器空闲的时候执行代码，这就与 React

2022 年了，requestIdleCallback 还不会吗？赶紧学一下，买不了吃亏，买不了上当

本篇我们讲讲 requestAnimationFrame 这个 API，就算不谈 React，2022 年了，这个 API 多少也是要知道一点的。

当我们观看一个物体时，物体成像于视网膜上，经由视神经传给人脑，人才能感觉到物体的像。 但当物体移去时，视神经对物体的印象不会立即消失，而要延续 0.1 - 0.4 秒的时间，人眼的这种性质被称为“眼

本文为稀土掘金技术社区首发签约文章，14天内禁止转载，14天后未获授权禁止转载，侵权必究！ 在上一篇《React 之 Race Condition》中，我们最后引入了Suspense来解决竞态条件问题

Race Condition，中文译为竞态条件，旨在描述一个系统或者进程的输出，依赖于不受控制事件的出现顺序或者出现时机。 举个简单的例子： 你可能想，JavaScript 是单线程，怎么可

本篇我们讲 Context，Context 可以实现跨组件传递数据，大部分的时候并无需要，但有的时候，比如用户设置 了 UI 主题、地区偏好，如果从顶层一层层往下传反而有些麻烦，不如直接借助

React 提供了 Refs，帮助我们访问 DOM 节点或在 render 方法中创建的 React 元素。 React 提供了三种使用 Ref 的方式：

我被问过这样一个问题：想要实现一个 useTitle 方法，具体使用示例如下：但在编写 useTitle 代码的时候却出了问题：这段代码直接报错，连渲染都渲染不出来，如果是你，该如何修改这段代码呢？

React 的源码并没有你想象的那么简单，也没有你想象的那么难，本篇带大家了解 createElement 函数背后的实现