众所周知js线程和渲染线程是互斥的，js线程长时间的占用主线程会导致页面卡顿，当遇到批量的js任务需要执行时，如果任务的优先级并不是太高，可以考虑对齐进行拆分，间断的执行，适时的让出主线程来让页面渲染

React致力于高效的渲染，主要核心来自于：异步可中断渲染，和时间分片。但这些任务的调度都涉及到优先级的管理。 在react中，大致可分为3种： fiber更新优先级 Lane task调度优先级 s

本文对应的 react 版本是 18.2.0 在阅读源码时，react 有很多位操作，这些位操作大都是对 lane 的操作 如果不了解这些位操作含义，看源码时会一脸懵逼： 为什么运算前的值和运算后的值

前面的文章梳理了Fiber架构的render 流程，我们知道 beginWork的目的是为传入的workInprogress fiberNode生成子fiberNode，生成的方式有两种： 通过对比w

React暴露出来的部分Hooks 功能描述 useState、useReducer: 状态值相关 useEffect、useLayoutEffect: 生命周期相关 useContext: 状态共享