本文作者:站长

React源码深度解析 高级前端工程师必备技能

站长 2021-04-11 168 抢沙发
React源码深度解析 高级前端工程师必备技能摘要:  React源码深度解析 高级前端工程师必备技能1-1 课程导学2-1 准备工作2-10 hooks2-11 children2-12 others2-2 JSX到Jav...

 React源码深度解析 高级前端工程师必备技能

1-1 课程导学

React源码深度解析 高级前端工程师必备技能

2-1 准备工作

2-10 hooks

2-11 children

2-12 others

2-2 JSX到JavaScript的转换

2-3 react-element

2-4 react-component

2-5 react-ref

2-6 forward-ref 

2-7 context

2-8 concurrent-mode

2-9 suspense-and-lazy

3-1 react-dom-render

3-2 react-fiber-root 

3-3 react-fiber

3-4 react-update-and-updateQueue

3-5 react-expiration-time

3-6 different-expirtation-time 

3-7 react-setState-forceUpdate

4-1 总结流程概览

4-10 renderRoot

4-11 最后补充

4-2 scheduleWork

4-3 requestWork

4-4 batchedUpdates

4-5 reactScheduler(1)

4-6 reactScheduler(2)

4-7 reactScheduler(3)

4-8 reactScheduler(4)

4-9 performWork

5-1 入口和优化

5-10 Poratl组件的更新

5-11 ForwardRef的更新

5-12 Mode组件的更新

5-13 Memo组件的更新

5-2 FunctionalComponent的更新

5-3 reconcilerChildren

5-4 reconcilerChildren-array

5-5 updateClassComponent

5-6 ClassComponent的更新

5-7 IndeterminateComponent组件类型和其更新过程

5-8 HostRoot的更新

5-9 HostComponent和HostText的更新

6-1 completeUnitOfWork的整体流程和意义

6-2 重设childExpirationTime

6-3 completWork具体做了什么

6-4 初次渲染中completeWork对于DOM节点的创建和appendAllChild算法

6-5 初次渲染中如何进行DOM节点属性初始化操作

6-6 更新DOM时进行的diff判断

6-7 completeWork阶段对于HostText的更新

6-8 renderRoot中对于错误的处理

6-9 unwindWork以及React中的错误处理

            

 
下载量 : 0  |  类型 : 压缩文件

文章版权及转载声明

作者:站长本文地址:https://www.xiazai.red/post/26505.html发布于 2021-04-11
文章转载或复制请以超链接形式并注明出处下载集

赞(0)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏

分享

发表评论

快捷回复:

评论列表 (暂无评论,168人围观)参与讨论

还没有评论,来说两句吧...