项目实战

    今日:26600| 主题:1163
收藏本版 (386)
发表新帖
打印 上一主题 下一主题

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

[复制链接]
跳转到指定楼层
楼主
admin 发表于 2019-2-26 17:46:46
33611 27


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

后面章节待更新。。。


下载地址:
游客,如果您要查看本帖隐藏内容请回复

吾爱编程网 - 免责声明
1、吾爱编程网为非营利性网站,全站所有资料仅供网友个人学习使用,禁止商用
2、本站所有文档、视频、书籍等资料均由网友分享,本站只负责收集不承担任何技术及版权问题
3、如本帖侵犯到任何版权问题,请立即告知本站,本站将及时予与删除下载链接并致以最深的歉意
4、本帖部分内容转载自其它媒体,但并不代表本站赞同其观点和对其真实性负责
5、一经注册为本站会员,一律视为同意网站规定,本站管理员及版主有权禁止违规用户
6、其他单位或个人使用、转载或引用本文时必须同时征得该帖子作者和吾爱编程网的同意
7、吾爱编程网管理员和版主有权不事先通知发贴者而删除本文




上一篇:(已完结)深度学习之目标检测常用算法原理+实践精讲
下一篇:蓝桥杯《数据结构不难》精解课程
收藏
收藏2
支持
支持
反对
反对
回复

使用道具 举报

沙发
coffeebeansyy 发表于 2019-2-26 19:03:21
看了LZ的帖子,我只想说一句很好很强大!支持吾爱编程网!
回复

使用道具 举报

板凳
yuanhang 发表于 2019-2-27 10:29:35
哥顶的不是帖子,是寂寞!支持吾爱编程网!
回复

使用道具 举报

地板
blackcater 发表于 2019-2-27 10:43:18
看了LZ的帖子,我只想说一句很好很强大!支持吾爱编程网!
回复

使用道具 举报

5#
dearbear 发表于 2019-2-27 18:26:27
我只想说一句很好很强大!支持吾爱编程网!
回复

使用道具 举报

6#
gaochao 发表于 2019-2-28 10:37:20
啥也不说了,楼主就是给力!支持吾爱编程网!
回复

使用道具 举报

7#
ping 发表于 2019-3-1 00:55:20
不管你信不信,反正我是信了。支持吾爱编程网!
回复

使用道具 举报

8#
lastvurtne 发表于 2019-3-1 22:27:27
66666666666
回复

使用道具 举报

9#
nicky_hb 发表于 2019-3-2 14:12:47
哥顶的不是帖子,是寂寞!支持吾爱编程网!
回复

使用道具 举报

10#
zhengyu 发表于 2019-3-5 15:24:18
楼主,不论什么情况你一定要hold住!hold住就是胜利!支持吾爱编程网!
回复

使用道具 举报

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

本版积分规则

返回顶部 返回列表

平台简介

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

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

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