React

1、useTransition useTransition 的作用 执行过渡效果时（假设从UI a过渡到UI b），通常处理逻辑包括3个状态： 初始情况是UI a 开启过渡后，显示过渡中（比如load

作用 - 组件之间重用一些状态逻辑（ 高阶函数、自定义Hook） 特点 - 是一个函数 其名称以 “use” 开头 只能在函数最外层调⽤ Hook 只能在 React 的 函数组件 中调⽤ Hook

1、useState 2、useReducer 3、useState 与 useReducer 的关系 useState 内置(封装)了 useReducer 4、useState 极简实现

React Hooks - useEffect React Hooks - useEffect React Hooks - useEffect

React.memo：props 变化更新子组件( 浅比较 ) useMemo：缓存一个值，依赖更新( 对照vue中的computed ) useCallback：缓存一个函数，依赖更新( 对照vue

1、什么是 useRef 使用：const refContainer = useRef(initialValue) 特点 和类组件的实例属性几乎完全一致 返回一个可变的 ref 对象 ( curren

1、Redux 2、React-redux 3、connect原理简化版1、Redux 2、React-redux 3、connect原理简化版1、Redux 2、React-redux 3、conn

原始的Redux里面，action creator必须返回plain object，而且必须是同步的。而在实际业务中往往有大量异步场景，定时器，网络请求等等异步操作。可以使用中间件（middlewar

shopItemsSelector,Reselect 是一个用于创建记忆的“selector”函数的库。 通常与 Redux 一起使用，但也适用于任何普通的 JS 不可变数据场景。 selector

1、拉取源码 源码中主要包括如下部分 fixtures：为代码贡献者提供的测试React packages：主要部分，包含Scheduler，reconciler等 scripts：react构建相关

```js // 触发更新动作 ReactDOM.render、setState、forceUpdate、useState、useReducer | | v // 创建 update 对象，保存在出发

采用双缓存结构 首次 mount 阶段 更新阶段 - diff 采用双缓存结构 首次 mount 阶段 更新阶段 - diff

1、render 阶段 “递”阶段 首先从rootFiber开始向下深度优先遍历。为遍历到的每个Fiber节点调用 beginWork方法。该方法会根据传入的Fiber节点创建子Fiber节点，并将这

1、为了降低算法复杂度，React的diff会预设三个限制 只对同级元素进行Diff 两个不同类型元素会产生出不同的树，由div变为p( 销毁div及子孙节点，新建p及子孙节点 ) 通过 key 属性

ReactDOM.render()、 ReactDOM.createRoot() render：支持同步更新 createRoot：支持异步更新 React执行优先级：baseState + Upda

1、Update结构 ClassComponent与HostRoot共用同一种 eventTime：任务时间，通过performance.now()获取的毫秒数 lane：优先级相关字段 suspen

1、时间切片 Scheduler的时间切片功能是通过task（宏任务）实现的 Scheduler将需要被执行的回调函数作为MessageChannel的回调执行 render阶段通过Scheduler

1、表示优先级的不同 2、表示“批”的概念 InputDiscreteLanes是“用户交互”触发更新会拥有的优先级范围 DefaultLanes是“请求数据返回后触发更新”拥有的优先级范围 Tran

currentUpdatePriority currentUpdatePriority currentUpdatePriority currentUpdatePriority

旧版本更新机制 新版本更新机制 旧版本更新机制 新版本更新机制 旧版本更新机制 新版本更新机制 旧版本更新机制 新版本更新机制