TA的每日心情 | 开心 2024-9-19 21:14 |
---|
签到天数: 757 天 [LV.10]以坛为家III
管理员
- 积分
- 1312677
|
资源详情
第1章课程导学对课程整体进行讲解。
1-1课程导学试看
第2章基础知识ReactAPI一览React主要API介绍,在这里你能了解它的用法,为下一章源码分析打基础。
2-1准备工作试看2-2JSX到JA危aScript的转换2-3react-element2-4react-component2-5react-ref2-6forward-ref2-7context2-8concurrent-mode2-9suspense-and-lazy2-10hooks2-11children2-12others
第3章React中的更新主要讲解React创建更新中的主要两种方式ReactDOM.render和setState,他们具体做了什么。
3-1react-dom-render试看3-2react-fiber-root3-3react-fiber3-4react-update-and-updateQueue3-5react-expiration-time3-6different-expirtation-time3-7react-setState-forceUpdate
第4章FiberScheduler创建更新之后,找到Root然后进入调度,同步和异步操作完全不同,实现更新分片的忄生能优化。
4-1总结流程概览4-2scheduleWork4-3requestWork4-4batchedUpdates4-5reactScheduler(1)4-6reactScheduler(2)4-7reactScheduler(3)4-8reactScheduler(4)4-9performWork4-10renderRoot4-11最后补充
第5章各类组件的Update讲解10多种不同类型的组件的更新过程,以及如何遍历节点形成新的Fiber树
5-1入口和优化5-2FunctionalComponent的更新5-3reconcilerChildren5-4reconcilerChildren-array5-5updateClassComponent5-6ClassComponent的更新5-7IndeterminateComponent组件类型和其更新过程5-8HostRoot的更新5-9HostComponent和HostText的更新5-10Poratl组件的更新5-11ForwardRef的更新5-12Mode组件的更新5-13Memo组件的更新
第6章完成节点任务完成节点更新之后完成节点的创建,并提供优化到最小幅度的DOM更新列表
6-1completeUnitOfWork的整体流程和意义6-2重设childExpirationTime6-3completWork具体做了什么6-4初次渲染中completeWork对于DOM节点的创建和appendAllChild算法6-5初次渲染中如何进行DOM节点属忄生初始化操作6-6更新DOM时进行的diff判断6-7completeWork阶段对于HostText的更新6-8renderRoot中对于错误的处理6-9unwindWork以及React中的错误处理
第7章commitRoot根据更新列表最小幅度的改变DOM,实现UI的更新。
7-1commitRoot的总体工作内容7-2invokeGuardedCallback开发时的帮助方法7-3commitRoot第一个操作-获取快照7-4commitAllHostEffects总体做了哪些事情7-5commitPlacement插入新的子节点的操作7-6commitWork更新节点属忄生的过程7-7commitWork删除节点的操作过程7-8commitLifecycles调用生命周期方法
第8章功能详解:基础各种贯穿于更新和提交阶段的功能,他们在哪里发挥作用,又是如何实现功能的
8-1context-stack8-2遗留context-api的实现过程(1)8-3遗留context-api的实现过程(2)8-4新context的实现8-5ref的实现过程8-6hydrate-是否需要hydrate的判断8-7hydrate-更新开始判断节点是否可以hydrate8-8hydrate-再completeWork中复用可hydrate的节点8-9event事件系统初始化-注入平台事件插件8-10event事件监听的过程8-11event-事件触发的过程8-12event-事件对象的生产过程8-13event查漏补缺
第9章suspenseandprioritySuspense作为下一个React的杀手功能,他又是如何实现异步渲染的呢?
9-1优先级和任务挂起的含义(1)9-2优先级和任务挂起的含义(2)9-3两个expirationTime的不同作用9-4Suspense组件同步模式下的更新9-5Suspense组件同步渲染模式补充9-6Suspense组件异步模式下的更新9-7retrySuspendedWork所做的事情
第10章功能详解:HooksHooks颠覆原先的React组件开发模式,提供更小粒度的更新以及更加适合解耦的API。
10-1什么是Hooks以及他的用法10-2Hooks的定义以及执行前后的准备和重置10-3useState的实现原理和注意事项(1)10-4useState的实现原理和注意事项(2)10-5useEffect和useLayoutEffect的实现原理和区别10-6其他Hooks的实现
第11章课程总结对课程整体进行回顾,以及总结。
|
|