前端跳槽突围课:React18底层源码深入剖析

从框架使用者蜕变成源码开发与贡献者,助力前端工程师顺利摆脱就业,跳槽困境

难度:高级
|
时长:共 32 小时
新课榜第 4 名
¥349.00
¥399.00
上新特惠
距离活动结束
立即购买
加购物车
  • 系统掌握底层设计原理
  • 深刻理解React核心概念
  • 具备React 源码调试能力
  • 快熟成长为源码Contributor
  • 具备手写mini框架实战经验
  • 熟练掌握成为高手的方法论
试看本节课 09:29
1-1 React18源码实战课程导学

课程预览

检测到您还没有关注慕课网服务号,无法接收课程更新通知。请扫描二维码即可绑定
重新观看
在当下就业环境下,只会框架的使用是不够的,这是很多初级工程师面临的困境。想要脱颖而出,成为具备手写框架、源码贡献等技能的高手,才能拥有更多的机会。想要这种摆脱框架黑盒状态。本课程是你的最佳选择,不仅可以深入学习React工作原理,还可以掌握源码调试技巧,手写框架的实践,以及成为源码Contributor的方法论,为你提供方位的指导和实践,助力成为一个真正有实力的高级技术人才 。
第1章 课程介绍
1 节|10分钟
展开
  • 视频:
    1-1 React18源码实战课程导学
    试看
    09:29
第2章 学前技术储备:React核心知识点讲解
14 节|172分钟
收起
  • 视频:
    2-1 为什么要学习React源码
    10:04
  • 视频:
    2-2 React的迭代历史:那些标志性的变革,如类组件、Fiber、Hooks、Concurrent等
    23:36
  • 视频:
    2-3 Thinking in React,即用React的方式写React-1
    12:51
  • 视频:
    2-4 Thinking in React,即用React的方式写React-2
    06:27
  • 视频:
    2-5 React中的状态管理与状态管理库-1
    16:14
  • 视频:
    2-6 React中的状态管理与状态管理库-2
    09:27
  • 视频:
    2-7 state (状态)与props (属性)
    07:19
  • 视频:
    2-8 React中的组件,如函数组件、类组件等
    15:56
  • 视频:
    2-9 Hooks
    08:14
  • 视频:
    2-10 Context
    15:12
  • 视频:
    2-11 React脚手架以及企业级框架
    12:52
  • 视频:
    2-12 React 组件的常见性能优化-1
    14:16
  • 视频:
    2-13 React 组件的常见性能优化-2
    11:21
  • 视频:
    2-14 React 组件的常见性能优化-3
    07:59
第3章 学习前:底层源码的高效学习方法分享
5 节|61分钟
收起
  • 视频:
    3-1 -1 如何高效学习React源码
    14:10
  • 视频:
    3-2 -2 如何高效学习React源码
    16:31
  • 视频:
    3-3 如何debug React源码
    12:42
  • 视频:
    3-4 如何运行React测试用例
    05:07
  • 视频:
    3-5 如何成为React Contributor
    12:13
第4章 代码实践:打造轮子,自己的mini react框架
2 节|13分钟
展开
  • 视频:
    4-1 造轮子的优势以及步骤
    04:33
  • 视频:
    4-2 搭建自己的mini react项目
    08:07
第5章 React18全新底层核心运行机制:任务调度机制的代码实践
10 节|147分钟
展开
  • 视频:
    5-1 实现任务调度算法-1
    03:19
  • 视频:
    5-2 实现任务调度算法-什么是最小堆-2
    19:16
  • 视频:
    5-3 实现任务调度算法-实现最小堆的peek与push函数-3
    14:53
  • 视频:
    5-4 实现任务调度算法-实现最小堆的pop函数-4
    14:45
  • 视频:
    5-5 任务调度器scheduler
    16:15
  • 视频:
    5-6 如何实现时间切片
    21:52
  • 视频:
    5-7 如何实现任务调度函数入口.mp4
    11:34
  • 视频:
    5-8 如何实现一个requestIdleCallback.mp4
    16:25
  • 视频:
    5-9 如何调度延迟任务
    26:05
  • 视频:
    5-10 总结:源码实践React底层任务调度机制
    01:44
第6章 React18全新底层核心运行机制:任务调度机制源码阅读,思维拔高
2 节|26分钟
展开
  • 视频:
    6-1 剖析React中的任务调度器场景:合作式调度器 & 抢占式调度器
    06:44
  • 视频:
    6-2 剖析React任务调度源码
    18:47
第7章 React渲染机制:原始渲染VDOM与性能改革Fiber的源码剖析
4 节|74分钟
展开
  • 视频:
    7-1 VDOM的四大问题:what、why、where、how
    26:02
  • 视频:
    7-2 -1 Fiber详解
    15:12
  • 视频:
    7-3 -2 Fiber详解
    16:02
  • 视频:
    7-4 掌握不同类型组件的Fiber:查看并调试
    16:32
第8章 React渲染机制:React中初次渲染流程深度剖析
15 节|238分钟
展开
  • 视频:
    8-1 在浏览器DOM 节点中创建根节点:createRoot -1
    11:57
  • 视频:
    8-2 -2 在浏览器DOM 节点中创建根节点:createRoot
    19:59
  • 视频:
    8-3 -3 在浏览器DOM 节点中创建根节点:createRoot
    04:06
  • 视频:
    8-4 -4 在浏览器DOM 节点中创建根节点:createRoot
    04:56
  • 视频:
    8-5 -1 root.render与unmount函数的流程
    22:20
  • 视频:
    8-6 -1 root.render与unmount函数的流程
    22:20
  • 视频:
    8-7 -1 update的数据结构与算法.mp4
    19:58
  • 视频:
    8-8 -2update的数据结构与算法.mp4
    21:54
  • 视频:
    8-9 -1 scheduleUpdateOnFiber调度更新.mp4
    06:56
  • 视频:
    8-10 -2 scheduleUpdateOnFiber调度更新
    15:03
  • 视频:
    8-11 -3 scheduleUpdateOnFiber调度更新
    14:03
  • 视频:
    8-12 render阶段
    17:46
  • 视频:
    8-13 render阶段-beginWork
    21:29
  • 视频:
    8-14 render阶段-renderRootConcurrent
    09:03
  • 视频:
    8-15 commit阶段
    25:37
第9章 React渲染机制:页面初次渲染原生标签代码实践
8 节|109分钟
展开
  • 视频:
    9-1 创建Fiber与FiberRoot
    12:33
  • 视频:
    9-2 如何实现页面渲染的入口函数createRoot
    09:25
  • 视频:
    9-3 scheduleUpdateOnFiber调度更新
    09:24
  • 视频:
    9-4 render阶段
    18:06
  • 视频:
    9-5 render阶段-beginWork-1
    14:11
  • 视频:
    9-6 render阶段-beginWork-2
    13:16
  • 视频:
    9-7 render阶段-completeWork
    11:14
  • 视频:
    9-8 commit阶段
    20:39
第10章 React渲染机制:手写不同组件的渲染过程,掌握其机制原理
内容更新中
第11章 React开发的利器:Hooks底层分析
内容更新中
第12章 React开发的利器:手写实现Hooks,掌握Hooks底层数据结构
内容更新中
第13章 React开发的利器:React VDOM DIFF算法源码剖析
内容更新中
第14章 React开发的利器:Hooks进阶,代码实践手动实现API
内容更新中
第15章 React中的数据模式:代码实现,掌握Context实现原理
内容更新中
第16章 React中的数据模式:Context源码剖析,思维提高
内容更新中
第17章 跨浏览器兼容的事件系统:合成事件源码剖析
内容更新中
第18章 跨浏览器兼容的事件系统:合成事件实践,掌握框架级别的事件
内容更新中
第19章 性能提高:React Lanes模型源码剖析
内容更新中
第20章 性能提高:React Lanes模型手动实践
内容更新中
第21章 课程总结
内容更新中
本课程持续更新中
适合人群
工作一年以上的前端工程师
想要精通React
技术储备
想要精通React
有React基础
环境参数
Node.js 18+
高少云
高级前端工程师
不为别的,只为提升面试通过率
尽管课程时间很长,
但没关系,我们有老师的陪伴,
还有同学之间互相鼓励,彼此帮助,
完成学习后,还能获得慕课网官方认证的证书。
立即购买
数据加载中...
《前端跳槽突围课:React18底层源码深入剖析》的真实评价
综合评分:分,共 人参与
篇幅原因,只展示最近100条评价

学习咨询

选课、学习遇到问题?

扫码添加指导老师 1V1 帮助你!

添加后老师会第一时间解决你的问题

意见反馈 帮助中心 APP下载
官方微信