吾爱编程

标题: React 源码深度解析高级前端工程师必备技能 (更新至第6章) [打印本页]

作者: admin 时间: 2019-2-26 17: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中的错误处理

后面章节待更新。。。

下载地址：

作者: coffeebeansyy 时间: 2019-2-26 19:03
看了LZ的帖子，我只想说一句很好很强大！支持吾爱编程网！

作者: yuanhang 时间: 2019-2-27 10:29
哥顶的不是帖子，是寂寞！支持吾爱编程网！

作者: blackcater 时间: 2019-2-27 10:43
看了LZ的帖子，我只想说一句很好很强大！支持吾爱编程网！

作者: dearbear 时间: 2019-2-27 18:26
我只想说一句很好很强大！支持吾爱编程网！

作者: gaochao 时间: 2019-2-28 10:37
啥也不说了，楼主就是给力！支持吾爱编程网！

作者: ping 时间: 2019-3-1 00:55
不管你信不信，反正我是信了。支持吾爱编程网！

作者: lastvurtne 时间: 2019-3-1 22:27
66666666666

作者: nicky_hb 时间: 2019-3-2 14:12
哥顶的不是帖子，是寂寞！支持吾爱编程网！

作者: zhengyu 时间: 2019-3-5 15:24
楼主，不论什么情况你一定要hold住！hold住就是胜利！支持吾爱编程网！

作者: kaikaijiushiwo 时间: 2019-3-5 19:46
看帖看完了至少要顶一下，还可以加入到淘帖哦！支持吾爱编程网！

作者: keke12300 时间: 2019-3-19 21:05
看了LZ的帖子，我只想说一句很好很强大！支持吾爱编程网！

作者: juerui 时间: 2019-3-28 21:33
看了LZ的帖子，我只想说一句很好很强大！支持吾爱编程网！

作者: niki 时间: 2019-4-13 14:32
看了LZ的帖子，我只想说一句很好很强大！支持吾爱编程网！

作者: 52code 时间: 2019-4-17 00:57
膜拜神贴，后面的请保持队形~支持吾爱编程网！

作者: sktjk 时间: 2019-4-29 09:08
6666666666666666666666

作者: xycd1996 时间: 2019-6-13 14:52
看了LZ的帖子，我只想说一句很好很强大！支持吾爱编程网！

作者: zhanghx 时间: 2019-6-27 21:59
看帖看完了至少要顶一下，还可以加入到淘帖哦！支持吾爱编程网！

作者: jyhjn2 时间: 2019-6-29 21:42
看了LZ的帖子，我只想说一句很好很强大！支持吾爱编程网！

作者: pudi2018 时间: 2020-3-5 16:53
源码深度解析高级前端工程师必备技能

作者: SkyKing 时间: 2020-3-18 08:55

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

作者: lww 时间: 2020-12-19 21:41
楼主，不论什么情况你一定要hold住

作者: NZND 时间: 2021-11-25 16:08
1111111111111111111111111

作者: VaderWang 时间: 2022-5-2 07:23
看帖看完了至少要顶一下，还可以加入到淘帖哦！支持吾爱编程网！

作者: whoknows.ck 时间: 2022-6-5 09:18
看帖看完了至少要顶一下，还可以加入到淘帖哦！支持吾爱编程网！

作者: yuanlu954 时间: 2022-8-19 10:38
啥也不说了，sd楼主就是给力！支持吾爱编程网！

作者: haiyingsitan 时间: 2022-9-7 22:00
看了LZ的帖子，我只想说一句很好很强大！支持吾爱编程网！

欢迎光临吾爱编程 (http://www.52pg.net/)