首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
小豆腐拌葱
掘友等级
前端
|
帆软软件
前端,Minecraft,健身
获得徽章 0
动态
文章
专栏
沸点
收藏集
关注
作品
赞
33
文章 33
沸点 0
赞
33
返回
|
搜索文章
最新
热门
React Hook源码笔记(二):状态钩子-useState
useState 实现原理,React 如何创建 Hook 对象,hook 的 mermoizedState 与 queue 属性
React Hook源码笔记(一):函数组件加载过程
React 函数组件加载过程,理解 FiberNode 的 updateQueue mermoizedState 属性
React Fiber源码笔记(十五):commit-DOM挂载后
DOM挂载后会处理一些收尾工作,例如将 setState 的 callback 保存到 updateQueue 中,调用 useLayourEffect钩子...
React Fiber源码笔记(十四):commit-DOM挂载
DOM挂载阶段会处理render阶段标记的需要删除,新增,更新的DOM结构,最终构建完整的DOM进行替换
React Fiber源码笔记(十三):commit-DOM挂载前
before mutation 阶段主要处理 Snapshot 标记,这个阶段会处理函数组件的 useEffect 方法
React Fiber源码笔记(十二):commit-概述
render 阶段完成后,一棵完整的新 Fiber 树就构建完成了,commit 阶段会负责将这棵 Fiber 树转换为真实 DOM 并挂载。
React Fiber源码笔记(十一):render-compeleteWork方法
beginWork 方法对应节点递阶段,是从父节点开始向子节点处理,主要任务是进行 diff,新节点的创建。
React Fiber源码笔记(十):render-beginWork方法
beginWork 方法的目的是创建新的节点替换原节点,涉及到新旧节点 diff,简单阐述这个过程的整体逻辑
React Fiber源码笔记(九):render-准备阶段
FiberNode 进入 Render 阶段,对所有 FiberNode 进行 diff 比较,分为两个过程:beginWork,completeWork
React Fiber源码笔记(八):冲刷副作用
React 中 useEffect 等钩子产生的副作用执行过程,如何卸载已创建的副作用,执行新的副作用
下一页
个人成就
文章被点赞
65
文章被阅读
5,535
掘力值
470
关注了
5
关注者
19
收藏集
1
关注标签
0
加入于
2023-07-24