前端宝典之六：React源码解析之lane模型

桃子叔叔

已于 2024-08-19 23:01:49 修改

阅读量484

点赞数 5

分类专栏：大厂进阶前端深度解析系列文章标签： react.js 前端前端框架

于 2024-08-14 22:38:09 首次发布

本文链接：https://blog.youkuaiyun.com/franktaoge/article/details/141201953

版权

本文主要内容：
介绍lane模型

一、 lane模型

lane模型就是react优先级的机制，可以用来

可以表示优先级的不同
可能同时存在几个同优先级的更新，所以还得能表示批的概念
方便进行优先级相关计算

1、表示优先级不同

lane模型使用31位的二进制表示31条赛道，位数越小的优先级越高，某些相邻的位拥有相同优先级。

export const NoLanes: Lanes = /*                        / 0b0000000000000000000000000000000;
export const NoLane: Lane = /                          / 0b0000000000000000000000000000000;

export const SyncLane: Lane = /                        / 0b0000000000000000000000000000001;
export const SyncBatchedLane: Lane = /                 / 0b0000000000000000000000000000010;

export const InputDiscreteHydrationLane: Lane = /      / 0b0000000000000000000000000000100;
const InputDiscreteLanes: Lanes = /                    / 0b0000000000000000000000000011000;

const InputContinuousHydrationLane: Lane = /           / 0b0000000000000000000000000100000;
const InputContinuousLanes: Lanes = /                  / 0b0000000000000000000000011000000;

export const DefaultHydrationLane: Lane &