搜索结果
查询Tags标签: workInProgress,共有 19条记录-
react17.x源码解析(2)——fiber树的构建与更新
下面我们结合源码,来看一下实际工作过程中fiber树的构建与更新过程。 mount过程 react首次mount开始执行时,以ReactDOM.render为入口函数,会经过如下一系列的函数调用: ReactDOM.render——> legacyRenderSubtreeIntoContainer——>legacyCreateRootFromDOMCont…
2022/2/18 20:20:19 人评论 次浏览 -
react源码解析17.context
react源码解析17.context 视频讲解(高效学习):进入学习 context流程图cursor/valueStack react源码中存在一个valueStack和valueCursor用来记录context的历史信息和当前context,另外还有一个didPerformWorkStackCursor用来表示当前的context有没有变化 //ReactFiberNe…
2021/12/28 9:07:40 人评论 次浏览 -
react源码解析17.context
react源码解析17.context 视频讲解(高效学习):进入学习 context流程图cursor/valueStack react源码中存在一个valueStack和valueCursor用来记录context的历史信息和当前context,另外还有一个didPerformWorkStackCursor用来表示当前的context有没有变化 //ReactFiberNe…
2021/12/28 9:07:40 人评论 次浏览 -
react源码解析8.render阶段
react源码解析8.render阶段 视频讲解(高效学习):进入学习 往期文章: 1.开篇介绍和面试题 2.react的设计理念 3.react源码架构 4.源码目录结构和调试 5.jsx&核心api 6.legacy和concurrent模式入口函数 7.Fiber架构 8.render阶段 9.diff算法 10.commit阶段 11.生命周…
2021/12/16 14:13:24 人评论 次浏览 -
react源码解析8.render阶段
react源码解析8.render阶段 视频讲解(高效学习):进入学习 往期文章: 1.开篇介绍和面试题 2.react的设计理念 3.react源码架构 4.源码目录结构和调试 5.jsx&核心api 6.legacy和concurrent模式入口函数 7.Fiber架构 8.render阶段 9.diff算法 10.commit阶段 11.生命周…
2021/12/16 14:13:24 人评论 次浏览 -
react源码解析7.Fiber架构
react源码解析7.Fiber架构 视频讲解(高效学习):进入学习 往期文章: 1.开篇介绍和面试题 2.react的设计理念 3.react源码架构 4.源码目录结构和调试 5.jsx&核心api 6.legacy和concurrent模式入口函数 7.Fiber架构 8.render阶段 9.diff算法 10.commit阶段 11.生命周…
2021/12/13 9:17:29 人评论 次浏览 -
react源码解析7.Fiber架构
react源码解析7.Fiber架构 视频讲解(高效学习):进入学习 往期文章: 1.开篇介绍和面试题 2.react的设计理念 3.react源码架构 4.源码目录结构和调试 5.jsx&核心api 6.legacy和concurrent模式入口函数 7.Fiber架构 8.render阶段 9.diff算法 10.commit阶段 11.生命周…
2021/12/13 9:17:29 人评论 次浏览 -
React源码解析————Render阶段(三)
React源码解析————Render阶段(三) 2021SC@SDUSCCompleteWork流程预览HostComponentcompleteUnitOfWork 小结2021SC@SDUSC 2021SC@SDUSC CompleteWork 流程预览 类似beginWork,completeWork也是针对不同fiber.tag调用不同的处理逻辑。 function completeWork(curren…
2021/12/12 1:18:35 人评论 次浏览 -
React源码解析————Render阶段(三)
React源码解析————Render阶段(三) 2021SC@SDUSCCompleteWork流程预览HostComponentcompleteUnitOfWork 小结2021SC@SDUSC 2021SC@SDUSC CompleteWork 流程预览 类似beginWork,completeWork也是针对不同fiber.tag调用不同的处理逻辑。 function completeWork(curren…
2021/12/12 1:18:35 人评论 次浏览 -
react源码解析17.context
react源码解析17.context 视频讲解(高效学习):进入学习 往期文章: 1.开篇介绍和面试题 2.react的设计理念 3.react源码架构 4.源码目录结构和调试 5.jsx&核心api 6.legacy和concurrent模式入口函数 7.Fiber架构 8.render阶段 9.diff算法 10.commit阶段 11.生命周期…
2021/12/7 9:17:21 人评论 次浏览 -
react源码解析17.context
react源码解析17.context 视频讲解(高效学习):进入学习 往期文章: 1.开篇介绍和面试题 2.react的设计理念 3.react源码架构 4.源码目录结构和调试 5.jsx&核心api 6.legacy和concurrent模式入口函数 7.Fiber架构 8.render阶段 9.diff算法 10.commit阶段 11.生命周期…
2021/12/7 9:17:21 人评论 次浏览 -
react源码解析8.render阶段
react源码解析8.render阶段 视频讲解(高效学习):进入学习 往期文章: 1.开篇介绍和面试题 2.react的设计理念 3.react源码架构 4.源码目录结构和调试 5.jsx&核心api 6.legacy和concurrent模式入口函数 7.Fiber架构 8.render阶段 9.diff算法 10.commit阶段 11.生命周…
2021/12/1 9:06:41 人评论 次浏览 -
react源码解析8.render阶段
react源码解析8.render阶段 视频讲解(高效学习):进入学习 往期文章: 1.开篇介绍和面试题 2.react的设计理念 3.react源码架构 4.源码目录结构和调试 5.jsx&核心api 6.legacy和concurrent模式入口函数 7.Fiber架构 8.render阶段 9.diff算法 10.commit阶段 11.生命周…
2021/12/1 9:06:41 人评论 次浏览 -
react源码解析7.Fiber架构
react源码解析7.Fiber架构 视频讲解(高效学习):点击学习 往期文章: 1.开篇介绍和面试题 2.react的设计理念 3.react源码架构 4.源码目录结构和调试 5.jsx&核心api 6.legacy和concurrent模式入口函数 7.Fiber架构 8.render阶段 9.diff算法 10.commit阶段 11.生命周…
2021/12/1 9:06:31 人评论 次浏览 -
react源码解析7.Fiber架构
react源码解析7.Fiber架构 视频讲解(高效学习):点击学习 往期文章: 1.开篇介绍和面试题 2.react的设计理念 3.react源码架构 4.源码目录结构和调试 5.jsx&核心api 6.legacy和concurrent模式入口函数 7.Fiber架构 8.render阶段 9.diff算法 10.commit阶段 11.生命周…
2021/12/1 9:06:31 人评论 次浏览