react

React + TypeScript + Vite + React Router + React Redux项目脚手架模版，集成了CodeLint

大家好，是我。近两个月没更文，提笔还忘字。一打开掘金发现有很多很多很多的朋友留言给我催更，比如下面这个朋友 闻者落泪，见者伤心。中年男人虚荣

在 scheduler 中，延迟任务到期后会被添加到 taskQueue 中按过期时间重新排序处理。

手写react scheduler源码系列第四篇，本章介绍实现按优先级执行任务以及高优先级任务插队。

手写react scheduler源码，彻底搞懂什么是任务切片，什么是时间切片，以及为什么使用MessageChannel而不是setTimeout实现任务调度

scheduler 基础用法，高优先级任务如何插队，长任务如何切片，任务切片如何中途取消，任务过期等基础知识，为后续手写scheduler源码奠定坚实的基础

了解屏幕刷新率，了解哪些API 适合用于React Scheduler任务调度。为后续的手写scheduler源码奠定基础

为什么回调Ref会执行两次？为什么 React 不将 ref 存在 fiber 的 props 中，这样在组件中就能通过 props.ref 获取到值 。ref 的值什么时候设置，什么时候被释放

Provider的value变化是如何导致组件跳过sCU而强制更新的？fiber.dependencies的作用是什么？

React不使用try catch的情况下如何模拟 try catch机制捕获异常，如何捕获异常同时不吞没用户业务代码的异常。捕获异常后，React又会怎么处理

为什么hook函数不能写在循环或者条件语句里面？每一个 hook 函数都有对应的 hook 对象保存状态信息，每一次渲染都会重新构建hook链表以及收集具有副作用的hook的信息

为什么每一个react element对象都必须要包含一个$$typeof属性，React是否存在XSS攻击的风险

React中不同类型的fiber节点，其updateQueue作用不同。类组件的updateQueue用于保存setState的更新对象，函数组件中用于保存useEffect的effect对象

超详细React Hydrate过程讲解，hydrate过程中如何复用已有的dom实例，并关联对应的fiber节点，事件如何绑定等

本节介绍多节点Dom Diff算法，render阶段如何标记节点的移动删除更新插入，commit阶段如何删除节点移动节点更新节点等

33张图爆肝介绍React Fiber双缓冲树机制，为什么React采用双缓冲树，节点删除时React如何释放内存，是否存在内存泄漏的风险

为什么React不采用数组保存副作用节点，而是采用逐级提交副作用链表的方式，从树中构建副作用链表？本章介绍fiber副作用及其构建副作用链表的过程

详细介绍React Fiber副作用含义，fiber flags常见的操作。React采用二进制标记副作用的好处。

介绍render和commit阶段。React合成事件注册时机、reconcileChildren、类组件生命周期方法、函数组件 hook 调用时机。介绍副作用以及副作用链表

从源码层面介绍useLayoutEffect以及useEffect的区别及执行时机，类组件常见生命周期以及this.setState的callback的执行时机