admin 发表于 2019-2-26 17:46:46

React 源码深度解析 高级前端工程师必备技能 (更新至第6章)



第1章 课程导学
对课程整体进行讲解。
1-1 课程导学

第2章 基础知识 React API 一览
React主要API介绍,在这里你能了解它的用法,为下一章源码分析打基础。
2-1 准备工作 试看
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
2-10 hooks
2-11 children
2-12 others

第3章 React中的更新
主要讲解React创建更新中的主要两种方式ReactDOM.render和setState,他们具体做了什么。
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章 Fiber Scheduler
创建更新之后,找到Root然后进入调度,同步和异步操作完全不同,实现更新分片的性能优化。
4-1 总结流程概览
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
4-10 renderRoot
4-11 最后补充

第5章 各类组件的Update
讲解10多种不同类型的组件的更新过程,以及如何遍历节点形成新的Fiber树
5-1 入口和优化
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的更新
5-10 Poratl组件的更新
5-11 ForwardRef的更新
5-12 Mode组件的更新
5-13 Memo组件的更新

第6章 完成节点任务
完成节点更新之后完成节点的创建,并提供优化到最小幅度的DOM更新列表
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中的错误处理

后面章节待更新。。。


下载地址:
**** Hidden Message *****

coffeebeansyy 发表于 2019-2-26 19:03:21

看了LZ的帖子,我只想说一句很好很强大!支持吾爱编程网!

yuanhang 发表于 2019-2-27 10:29:35

哥顶的不是帖子,是寂寞!支持吾爱编程网!

blackcater 发表于 2019-2-27 10:43:18

看了LZ的帖子,我只想说一句很好很强大!支持吾爱编程网!

dearbear 发表于 2019-2-27 18:26:27

我只想说一句很好很强大!支持吾爱编程网!

gaochao 发表于 2019-2-28 10:37:20

啥也不说了,楼主就是给力!支持吾爱编程网!

ping 发表于 2019-3-1 00:55:20

不管你信不信,反正我是信了。支持吾爱编程网!

lastvurtne 发表于 2019-3-1 22:27:27

66666666666

nicky_hb 发表于 2019-3-2 14:12:47

哥顶的不是帖子,是寂寞!支持吾爱编程网!

zhengyu 发表于 2019-3-5 15:24:18

楼主,不论什么情况你一定要hold住!hold住就是胜利!支持吾爱编程网!
页: [1] 2 3
查看完整版本: React 源码深度解析 高级前端工程师必备技能 (更新至第6章)