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

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

1-1 课程导学

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中的错误处理