首页
首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
React源码解读系列
紫圣
创建于2021-10-18
订阅专栏
本专栏以图文的方式解读React源码
等 41 人订阅
共30篇文章
创建于2021-10-18
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
React Hooks 源码解读之 useLayoutEffect
组件在挂载阶段,执行 useLayoutEffect,实际上执行的是 mountLayoutEffect,而在更新阶段,实际上执行的是 updateLayoutEffect 。
React Hooks 源码解读之 useCallback
useCallback 会返回其参数 callback 的 memoized 版本,该 callback 仅在某个依赖项改变时才会更新。虽然 useCallback 可以对数据进行缓存,但不能滥用。
React Hooks 源码解读之 useMemo
useMemo 返回计算后的 memoized 值,它仅会在某个依赖项改变时才重新计算 memoized 值。这种优化有助于避免在每次渲染时都进行高开销的计算。
React Hooks 源码解读之 useRef
useRef 返回的ef 对象在组件的整个生命周期内持续存在。组件在挂载阶段,执行 useRef,其实执行的是 mountRef,而在更新阶段时,则执行的是 updateRef。
React Hooks 源码解读之 useEffect
Hooks 的入口函数是 renderWithHooks 。组件在首次加载时,执行 useEffect,其实执行的是 mountEffet,而组件更新时,则执行的是updateEffect 。
React Hooks 源码解读之 useReducer
Hooks 的入口函数是 renderWithHooks。组件在挂载阶段,执行 useReducer,实际上执行的是 mountReducer,而在更新阶段,实际上执行的是 updateReduce。
React Hooks 源码解读之 useState
Hooks 的入口函数是 renderWithHooks。组件在挂载阶段,执行 useState,实际上执行的是 mountState,而在更新阶段,实际上执行的是 updateState。
React Hooks 源码解读之Hook入口
Hook 是 React 16.8 的新增特性,当我们调用某个 hook 时,实际上调用的是挂载在 ReactCurrentDispatcher.current 属性上的对应的hook处理函数。
React 源码解读之React应用的2种启动方式
React应用启动的两种模式:legacy模式和Concurrent模式,这两种模式在启动的过程中都会创建ReactDOMRoot、FiberRoot、HostFiberRoot 三个对象。
React 源码解读之常用变量
React 源码中有很多常用变量,如标记节点类型的 fiber.tag,标记更新类型的fiber.flags,标记启动模式的fiber.mode 等等。