很多开发者用了几年React，却始终觉得没有真正掌握它。问题出在哪里？因为我们常常把React当作一个神秘的黑盒子，只学习表面的hooks、fiber、虚拟DOM，却没有深入思考最根本的问题：React到底在做什么？

Github官方提供了一系列REST API(现在有向graphql上迁移的趋势)，通过REST API，可以获得许多Github上的信息，以此为基础，我们可以构建各式各样的APP，star-history这个项目也是这样建立起来的，Github虽然没有提供直接查看项目star历史的功能

React的diff算法是在render的beginWork阶段中进行处理，beginWork是在向下深度遍历fiber树时会对途径的每个节点进行状态处理和进行diff对比，首先diff的入口是在reconcileChildFibers中

什么是响应式数据：数据变了，视图能更新，反之视图更新，数据要不要更新，不归响应式数据管。Vue 在内部实现了一个最核心的defineReactive方法,借助了Object.defineProperty，核心就是劫持属性

今天我们来聊聊 ahooks 中对 Map 和 Set 类型进行状态管理的 hook，顺便复习一下 Set 和 Map 这两种数据类型。先回顾以下 Map 的概念。Map 对象保存键值对，并且能够记住键的原始插入顺序。

在 Vue 源码中，封装了很多工具函数，学习这些函数，一方面学习大佬们的实现方式，另一方面是温习基础知识，希望大家在日常工作中，简单的函数也可以自己封装，提高编码能力。

在Vue3中，因为reactive创建的响应式对象是通过Proxy来实现的，所以传入数据不能为基础类型，所以 ref 对象是对reactive不支持的数据的一个补充。在 ref 和 reactive 中还有一个重要的工作就是收集、触发依赖

最近一阶段在学习Vue3，Vue3中用 reactive、ref 等方法将数据转化为响应式数据，在获取时使用 track 往 effect 中收集依赖，在值改变时，使用 trigger 触发依赖，执行对应的监听函数，这次就先来看一下 reactive 的源码。

axios中的创建请求方式很多，比如axios(url)，axios.get(url)，axios.post(url)，axios.delete(url)，方便快捷的api设计让axios火得一塌糊涂。

定义Promise的构造函数，因为创建Promise对象的时候会接收一个函数executor，并且函数会立即被调用，executor函数接收两个函数方法，resolve和reject。调用resolve和reject的时候会传入对应的值

Pipe 语法可以将函数调用按顺序打平。如下方函数，存在三层嵌套，但我们解读时需要由内而外阅读，因为调用顺序是由内而外的：

http 模块位于 /lib/http.js，我们直接看该模块的核心方法 createServer，createServer 的作用是创建了一个 Server 类，该文件位于 /lib/_http_server.js

子组件data选项函数是有参数的，而且是当前的实例对象；生命周期钩子是可以写成数组形式，按顺序执行；可以使用生命周期钩子的事件侦听器来注册生命周期函数

在读 Vue 3 响应式原理部分代码的过程中看到其在进行响应式处理的时候，为每个对象使用 WeakMap 创建了一个「缓存区」，代码如下：

这两年有不少朋友和我吐槽React源码，比如：调度器为什么用小顶堆这种数据结构，直接用数组不行？源码里各种单向链表、环状链表，直接用数组不行？