项目实战

    今日:19409| 主题:1002
收藏本版 (189)
发表新帖

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

[复制链接]
admin 发表于 2019-2-26 17:46:46
1541 21
5c32c05b085f95bf06000338-360-202.jpg

第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: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住就是胜利!支持吾爱编程网!
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

返回顶部 返回列表

平台简介

吾爱编程网:http://www.52pg.net/是IT技能学习交流平台,我们提供了丰富的移动端开发、php开发、web前端开发、android开发、Java开发、Python开发、大数据开发、区块链开发、人工智能开发以及html5等大量的实战视频教程资源。(如果我们有侵犯了您权益的资源请联系我们删除)

点击这里给我发消息|Archiver|手机版|小黑屋|站点地图|吾爱编程  |网站地图 | VIP购买

Powered by Discuz! X3.2  © 2017-2020 Comsenz Inc.  吾爱编程网