学习类 IT与网络 视频 《前端跳槽突围课:React18底层源码深入剖析》慕课网 价值400元[mp4]

风吹哪页读哪页 2024-08-23 08:24 6716

慕课网-前端跳槽突围课:React18底层源码深入剖析【完结】

├─ 第9章 React渲染机制:页面初次渲染原生标签代码实践

│  ├─ 9-1 创建Fiber与FiberRoot_.mp4

│  ├─ 9-2 如何实现页面渲染的入口函数createRoot_.mp4

│  ├─ 9-3 scheduleUpdateOnFiber调度更新_.mp4

│  ├─ 9-4 render阶段_.mp4

│  ├─ 9-5 render阶段-beginWork-1_.mp4

│  ├─ 9-6 render阶段-beginWork-2_.mp4

│  ├─ 9-7 render阶段-completeWork_.mp4

│  └─ 9-8 commit阶段_.mp4

├─ 第8章 React渲染机制:React中初次渲染流程深度剖析

│  ├─ 8-1 在浏览器DOM 节点中创建根节点:createRoot -1_.mp4

│  ├─ 8-10 -2 scheduleUpdateOnFiber调度更新_.mp4

│  ├─ 8-11 -3 scheduleUpdateOnFiber调度更新_.mp4

│  ├─ 8-12 render阶段_.mp4

│  ├─ 8-13 render阶段-beginWork_.mp4

│  ├─ 8-14 render阶段-renderRootConcurrent_.mp4

│  ├─ 8-15 commit阶段_.mp4

│  ├─ 8-2 -2 在浏览器DOM 节点中创建根节点:createRoot_.mp4

│  ├─ 8-3 -3 在浏览器DOM 节点中创建根节点:createRoot_.mp4

│  ├─ 8-4 -4 在浏览器DOM 节点中创建根节点:createRoot_.mp4

│  ├─ 8-5 -1 root.render与unmount函数的流程_.mp4

│  ├─ 8-6 -1 root.render与unmount函数的流程_.mp4

│  ├─ 8-7 -1 update的数据结构与算法_.mp4

│  ├─ 8-8 -2update的数据结构与算法.mp4_.mp4

│  └─ 8-9 -1 scheduleUpdateOnFiber调度更新_.mp4

├─ 第7章 React渲染机制:原始渲染VDOM与性能改革Fiber的源码剖析

│  ├─ 7-1 VDOM的四大问题:what、why、where、how_.mp4

│  ├─ 7-2 -1 Fiber详解_.mp4

│  ├─ 7-3 -2 Fiber详解_.mp4

│  └─ 7-4 掌握不同类型组件的Fiber:查看并调试_.mp4

├─ 第6章 React18全新底层核心运行机制:任务调度机制源码阅读,思维拔高

│  ├─ 6-1 剖析React中的任务调度器场景:合作式调度器 & 抢占式调度器__ev-金狮_.mp4

│  └─ 6-2 剖析React任务调度源码_.mp4

├─ 第5章 React18全新底层核心运行机制:任务调度机制的代码实践

│  ├─ 5-1 实现任务调度算法-1_.mp4

│  ├─ 5-10 总结:源码实践React底层任务调度机制_.mp4

│  ├─ 5-2 实现任务调度算法-什么是最小堆-2_.mp4

│  ├─ 5-3 实现任务调度算法-实现最小堆的peek与push函数-3_.mp4

│  ├─ 5-4 实现任务调度算法-实现最小堆的pop函数-4_.mp4

│  ├─ 5-5 任务调度器scheduler_.mp4

│  ├─ 5-6 如何实现时间切片_.mp4

│  ├─ 5-7 如何实现任务调度函数入口_.mp4

│  ├─ 5-8 如何实现一个requestIdleCallback_.mp4

│  └─ 5-9 如何调度延迟任务_.mp4

├─ 第4章 代码实践:打造轮子,自己的mini react框架

│  ├─ 4-1 造轮子的优势以及步骤_.mp4

│  └─ 4-2 搭建自己的mini react项目_.mp4

├─ 第3章 学习前:底层源码的高效学习方法分享

│  ├─ 3-1 -1 如何高效学习React源码_.mp4

│  ├─ 3-2 -2 如何高效学习React源码_.mp4

│  ├─ 3-3 如何debug React源码_.mp4

│  ├─ 3-4 如何运行React测试用例_.mp4

│  └─ 3-5 如何成为React Contributor_.mp4

├─ 第2章 学前技术储备:React核心知识点讲解

│  ├─ 2-1 为什么要学习React源码_.mp4

│  ├─ 2-10 Context_.mp4

│  ├─ 2-11 React脚手架以及企业级框架_.mp4

│  ├─ 2-12 React 组件的常见性能优化-1_.mp4

│  ├─ 2-13 React 组件的常见性能优化-2_.mp4

│  ├─ 2-14 React 组件的常见性能优化-3_.mp4

│  ├─ 2-2 React的迭代历史:那些标志性的变革,如类组件、Fiber、Hooks、Concurrent等_.mp4

│  ├─ 2-3 Thinking in React,即用React的方式写React-1_.mp4

│  ├─ 2-4 Thinking in React,即用React的方式写React-2_.mp4

│  ├─ 2-5 React中的状态管理与状态管理库-1_.mp4

│  ├─ 2-6 React中的状态管理与状态管理库-2_.mp4

│  ├─ 2-7 state (状态)与props (属性)_.mp4

│  ├─ 2-8 React中的组件,如函数组件、类组件等_.mp4

│  └─ 2-9 Hooks_.mp4

├─ 第21章 课程总结

│  ├─ 21-1 课程总结_.mp4

│  └─ 21-2 拓展:哪些React未正式发布的功能_.mp4

├─ 第20章 性能提高:React Lanes模型手动实践

│  ├─ 20-1 -1 实现memo_.mp4

│  ├─ 20-2 -2 实现memo_.mp4

│  ├─ 20-3 补充受控组件事件_.mp4

│  └─ 20-4 实现lanes模型_.mp4

├─ 第1章 课程介绍

│  └─ 1-1 React18源码实战课程导学_.mp4

├─ 第19章 性能提高:React Lanes模型源码剖析

│  ├─ 19-1 React Lanes模型背景_.mp4

│  ├─ 19-2 React Lanes模型的应用_.mp4

│  ├─ 19-3 React Lanes 模型常用工具函数_.mp4

│  ├─ 19-4 React18新增的transition_.mp4

│  └─ 19-5 useDeferredValue原理_.mp4

├─ 第18章 跨浏览器兼容的事件系统:合成事件实践,掌握框架级别的事件

│  ├─ 18-1 实现事件注册_.mp4

│  ├─ 18-2 实现事件绑定与事件委托_.mp4

│  ├─ 18-3 -1实现事件派发_.mp4

│  ├─ 18-4 -2实现事件派发_.mp4

│  ├─ 18-5 实现合成事件_.mp4

│  └─ 18-6 实现受控组件事件_.mp4

├─ 第17章 跨浏览器兼容的事件系统:合成事件源码剖析

│  ├─ 17-1 React中的合成事件背景与其必要性_.mp4

│  ├─ 17-2 React中的事件注册_.mp4

│  ├─ 17-3 React中的事件绑定与事件委托_.mp4

│  ├─ 17-4 React中的事件派发(上)_.mp4

│  ├─ 17-5 React中的事件派发(下)_.mp4

│  ├─ 17-6 React合成事件的定义_.mp4

│  └─ 17-7 不适合事件委托的事件处理_.mp4

├─ 第16章 React中的数据模式:Context源码剖析,思维提高

│  ├─ 16-1 分析Context的底层结构与源码实现_.mp4

│  ├─ 16-2 分析Provider与Context value栈管理,掌握其底层实现_.mp4

│  ├─ 16-3 分析Provider与后代组件消费context value_.mp4

│  └─ 16-4 后代组件消费的三种方式_.mp4

├─ 第15章 React中的数据模式:代码实现,掌握Context实现原理

│  ├─ 15-1 知识分析:Context简介_.mp4

│  ├─ 15-2 实现Context,掌握Context的底层结构与源码实现_.mp4

│  ├─ 15-3 实现Provider,掌握其底层实现_.mp4

│  ├─ 15-4 实现useContext与Context与Value管理,掌握其数据结构_.mp4

│  ├─ 15-5 实现Consumer_.mp4

│  └─ 15-6 实现contextType,掌握类组件对于Context消费方式的原理_.mp4

├─ 第14章 React开发的利器:Hooks进阶,代码实践手动实现API

│  ├─ 14-1 如何实现useMemo_.mp4

│  ├─ 14-2 如何实现useCallback_.mp4

│  ├─ 14-3 useMemo与useCallback_.mp4

│  ├─ 14-4 如何实现useRef_.mp4

│  ├─ 14-5 如何实现useLayoutEffect_.mp4

│  ├─ 14-6 如何实现useLayoutEffect的effect执行_.mp4

│  └─ 14-7 如何实现useEffect的effect执行_.mp4

├─ 第13章 React开发的利器:React VDOM DIFF算法源码剖析

│  ├─ 13-1 分析不同子节点类型,React VDOM DIFF的处理_.mp4

│  ├─ 13-2 协调单个节点_.mp4

│  ├─ 13-3 协调多个子节点_.mp4

│  ├─ 13-4 协调文本节点_.mp4

│  └─ 13-5 拓展-与Vue3 VDOM DIFF对比_.mp4

├─ 第12章 React开发的利器:手写实现Hooks,掌握Hooks底层数据结构

│  ├─ 12-1 模拟事件,初步实现useReducer_.mp4

│  ├─ 12-10 子节点为null、undefined、布尔值_.mp4

│  ├─ 12-2 实现useReducer,掌握Hooks的底层结构实现与函数组件的状态-1_.mp4

│  ├─ 12-3 实现useReducer,掌握Hooks的底层结构实现与函数组件的状态-2_.mp4

│  ├─ 12-4 节点删除_.mp4

│  ├─ 12-5 初步实现多个节点的React VDOM DIFF-1_.mp4

│  ├─ 12-6 初步实现多个节点的React VDOM DIFF-2_.mp4

│  ├─ 12-7 完善实现React VDOM DIFF算法_.mp4

│  ├─ 12-8 如何移动DOM节点_.mp4

│  └─ 12-9 实现useState_.mp4

├─ 第11章 React开发的利器:Hooks底层分析

│  ├─ 11-1 Hook简介_.mp4

│  ├─ 11-2 Hook规则背后的原因_.mp4

│  ├─ 11-3 函数组件的Hook源码解读_.mp4

│  ├─ 11-4 -1 useReducer源码解读_.mp4

│  ├─ 11-5 -2 useReducer源码解读_.mp4

│  └─ 11-6 useState源码解读_.mp4

├─ 第10章 React渲染机制:手写不同组件的渲染过程,掌握其机制原理

│  ├─ 10-1 如何实现多个原生标签子节点渲染的源码_.mp4

│  ├─ 10-2 如何实现文本节点渲染的源码_.mp4

│  ├─ 10-3 如何实现Fragment渲染的源码_.mp4

│  ├─ 10-4 如何实现类组件渲染的源码_.mp4

│  └─ 10-5 实现函数组件渲染的源码_.mp4

└─ 源码+PDF课件

   ├─ 源码等.exe

   └─ 课件

      ├─ 1-1 React18源码实战课程导学.pptx

      ├─ 10-1 如何实现多个原生标签子节点渲染的源码.pdf

      ├─ 10-2 如何实现文本节点渲染的源码.pdf

      ├─ 10-3 如何实现Fragment渲染的源码.pdf

      ├─ 10-4 如何实现类组件渲染的源码.pdf

      ├─ 10-5. 实现函数组件渲染的源码.pdf

      ├─ 11-1 Hook简介.pdf

      ├─ 11-2 Hook规则背后的原因.pdf

      ├─ 11-3 函数组件的Hook源码解读.pdf

      ├─ 11-4 useReducer源码解读.pdf

      ├─ 11-5 useState源码解读.pdf

      ├─ 12-1 模拟事件,初步实现useReducer.pdf

      ├─ 12-2 实现useReducer,掌握Hooks的底层结构实现与函数组件的状态.pdf

      ├─ 12-3 节点删除.pdf

      ├─ 12-4 初步实现多个节点的React VDOM DIFF.pdf

      ├─ 12-5 完善实现React VDOM DIFF算法.pdf

      ├─ 12-6 如何移动DOM节点.pdf

      ├─ 12-7 实现useState.pdf

      ├─ 12-8 子节点为null、undefined、布尔值.pdf

      ├─ 13-1 分析不同子节点类型,React VDOM DIFF的处理.pdf

      ├─ 13-2协调单个节点.pdf

      ├─ 13-3协调多个子节点.pdf

      ├─ 13-4 协调文本节点.pdf

      ├─ 13-5 拓展:与Vue3 VDOM DIFF对比.pdf

      ├─ 14-1 如何实现useMemo.pdf

      ├─ 14-2 如何实现useCallback.pdf

      ├─ 14-3 useMemo与useCallback.pdf

      ├─ 14-4 如何实现useRef.pdf

      ├─ 14-5如何实现useLayoutEffect.pdf

      ├─ 14-6如何实现useLayoutEffect的effect执行.pdf

      ├─ 14-7 如何实现useEffect的effect执行.pdf

      ├─ 15-1 知识分析:Context简介.pdf

      ├─ 15-2 实现Context,掌握Context的底层结构与源码实现.pdf

      ├─ 15-3实现Provider,掌握其底层实现.pdf

      ├─ 15-4 实现useContext与Context与Value管理,掌握其数据结构.pdf

      ├─ 15-5 实现Consumer.pdf

      ├─ 15-6 实现contextType,掌握类组件对于Context消费方式的原理.pdf

      ├─ 16-1 分析Context的底层结构与源码实现.pdf

      ├─ 16-2 分析Provider与Context value栈管理,掌握其底层实现.pdf

      ├─ 16-3 分析Provider与后代组件消费context value.pdf

      ├─ 16-4 后代组件消费的三种方式.pdf

      ├─ 17-1 React中的合成事件背景与其必要性.pdf

      ├─ 17-2 React中的事件注册.pdf

      ├─ 17-3 React中的事件绑定与事件委托.pdf

      ├─ 17-4 React中的事件派发.pdf

      ├─ 17-5 React合成事件的定义.pdf

      ├─ 17-6 不适合事件委托的事件处理.pdf

      ├─ 18-1 实现事件注册.pdf

      ├─ 18-2 实现事件绑定与事件委托.pdf

      ├─ 18-3 实现事件派发.pdf

      ├─ 18-4 实现合成事件.pdf

      ├─ 19-1 React Lanes模型背景.pdf

      ├─ 19-2 React Lanes模型的应用.pdf

      ├─ 19-3 React Lanes 模型常用工具函数.pdf

      ├─ 19-5 useDeferredValue原理.pdf

      ├─ 2-1 为什么要学习React源码.pdf

      ├─ 2-10 React 组件的常见性能优化.pdf

      ├─ 2-2 React的迭代历史:那些标志性的变革,如类组件、Fiber、Hooks、Concurren.pdf

      ├─ 2-3 Thinking in React-用React的方式写React.pdf

      ├─ 2-4 React中的状态管理与状态管理库.pdf

      ├─ 2-5 state (状态)与props (属性).pdf

      ├─ 2-6 React中的组件,如函数组件、类组件等.pdf

      ├─ 2-7 Hooks.pdf

      ├─ 2-8 Context.pdf

      ├─ 2-9 React脚手架-企业级框架.pdf

      ├─ 20-1 实现memo.pdf

      ├─ 20-2 补充受控组件事件.pdf

      ├─ 20-3 实现lanes模型.pdf

      ├─ 21-1课程总结.pdf

      ├─ 21-2拓展:哪些React未正式发布的功能.pdf

      ├─ 3-1 如何高效学习React源码.pdf

      ├─ 3-3 如何运行React测试用例.pdf

      ├─ 3-4 如何成为React Contributor.pdf

      ├─ 4-1 造轮子的优势以及步骤.pdf

      ├─ 4-2 搭建自己的mini react项目.pdf

      ├─ 5-1 实现任务调度算法.pdf

      ├─ 5-2 任务调度器scheduler.pdf

      ├─ 5-3 如何实现时间切片.pdf

      ├─ 5-4 如何实现任务调度函数入口.pdf

      ├─ 5-5 如何实现一个requestIdleCallback.pdf

      ├─ 5-6 如何调度延迟任务.pdf

      ├─ 5-7 总结:源码实践React底层任务调度机制.pdf

      ├─ 6-1 剖析React中的任务调度器场景:合作式调度器 & 抢占式调度器.pdf

      ├─ 6-2 剖析React任务调度源码.pdf

      ├─ 7-1 VDOM的四大问题:what、why、where、how.pdf

      ├─ 7-2 Fiber详解.pdf

      ├─ 7-3 掌握不同类型组件的Fiber:查看并调试.pdf

      ├─ 8-1 在浏览器DOM 节点中创建根节点:createRoot.pdf

      ├─ 8-2 root.render与unmount函数的流程.pdf

      ├─ 8-3 update的数据结构与算法.pdf

      ├─ 8-4 scheduleUpdateOnFiber调度更新.pdf

      ├─ 8-5 render阶段.pdf

      ├─ 8-6 render阶段-beginWork.pdf

      ├─ 8-7 render阶段-completeWork.pdf

      ├─ 8-8 render阶段-renderRootConcurrent.pdf

      ├─ 8-9 commit阶段.pdf

      ├─ 9-1 创建Fiber与FiberRoot (1).pdf

      ├─ 9-2 如何实现页面渲染的入口函数createRoot.pdf

      ├─ 9-3 scheduleUpdateOnFiber调度更新.pdf

      ├─ 9-4 render阶段.pdf

      ├─ 9-5 render阶段-beginWork.pdf

      ├─ 9-6 render阶段-completeWork.pdf

      └─ 9-7 commit阶段.pdf



在当下就业环境下,会使用框架只是基本素质。想晋升高级别岗位,获得更多高薪机会,你需要熟悉框架底层原理,甚至具备手写框架等高阶技能。如果你想快速进阶,又没有方向和路径,那本课程就是你的不二之选。课程首先会带你深入React框架底层原理,掌握React源码调试技巧,之后带你手写一个框架,最后教你如何成为源码贡献者。通过体系化教学,助力你先人一步具备进阶技能,从容应对更高级别的工作挑战。


【手机端扫码直接看 新用户手机APP转存可以获得1TB免费空间】

链接:https://pan.quark.cn/s/7dd0736a596b



最新回复 (0)