价格: 19 学币

分类: None

发布时间: 2022年12月10日 23:27

最近更新: 2022年12月10日 23:27

资源类型: VIP

自顶向下学 React 源码课程介绍

学习React源码,不仅能掌握业界最顶尖前端框架的运行原理,探索前端边界。也能让自己成为业务线React大拿。本课基于最新源码,本课程基于最新 React17.0.0-alpha 设计,全网稀缺。React17 发布的 Concurrent Mode 是React 前几年的努力方向,也是未来几年的发展方向。市面上目前还没有 React17 源码级别的课程。本课由51学IT网整理发布,网盘无密下载。

相关课程推荐

React 配置化+Serverless 开发个人博客
Next.js+React+Node系统实战,搞定SSR服务器渲染
小码哥React核心技术与开发实战

课程大纲

理念篇:React的设计理念及架构体系
React的设计理念
为了满足设计理念,这些年React架构的演进历程
新的React架构是如何设计的
架构篇:React架构的工作流程
React架构render阶段的完整流程
React架构commit阶段的完整流程
实现篇:具体功能的源码实现
Diff算法的实现
状态更新相关API的实现 Hooks的实现
Concurrent Mode的实现

你的收获

编程范式:函数式编程的代数效应思想
操作系统:如何从零实现协程(fiber架构)
数据结构:链表、树、小顶堆
算法:O(n)的Diff算法、掩码
深入浏览器渲染原理

自顶向下学 React 源码课程目录

├── 第一章 理念篇
│   ├── 1.1 如何学习React源码.mp4
│   ├── 1.2 设计理念.mp4
│   ├── 1.3 架构的演进史.mp4
│   ├── 1.4 React新架构—Fiber.mp4
│   ├── 1.5 Fiber架构工作原理.mp4
│   ├── 1.6 如何调试源码.mp4
│   └── 1.7 源码的目录结构.mp4
├── 第二章 架构篇之render阶段
│   ├── 2.1 架构工作流程概览.mp4
│   ├── 2.2 深入理解JSX.mp4
│   ├── 2.3 “递”阶段mount时流程.mp4
│   ├── 2.4 “归”阶段mount时流程.mp4
│   ├── 2.5 “递”阶段update时流程.mp4
│   └── 2.6 “归”阶段update时流程.mp4
├── 第三章 架构篇之commit阶段
│   ├── 3.1 流程概览.mp4
│   ├── 3.2 before mutation阶段.mp4
│   ├── 3.3 mutation阶段.mp4
│   └── 3.4 layout阶段.mp4
└── 第四章 实现篇之Diff算法
    ├── 4.1 Diff算法流程概览.mp4
    ├── 4.2 单一节点的Diff.mp4
    └── 4.3 多节点Diff.mp4
├── 第五章 实现篇之状态更新
│   ├── 5.1 状态更新流程概览.mp4
│   ├── 5.2 优先级与Update.mp4
│   ├── 5.3 Update的计算.mp4
│   ├── 5.4 ReactDOM.render完整流程.mp4
│   └── 5.5 this.setState完整流程.mp4
├── 第六章 实现篇之Hooks
│   ├── 6.1 极简useState实现.mp4
│   ├── 6.2 useState与useReducer的实现.mp4
│   ├── 6.3 useEffect与useLayoutEffect的实现.mp4
│   ├── 6.4 useRef的实现.mp4
│   └── 6.5 useMemo及useCallback的实现.mp4
├── 第七章 实现篇之Concurrent Mode
│   ├── 7.1 scheduler的工作原理及实现.mp4
│   ├── 7.2 lane模型的工作原理.mp4
│   ├── 7.3 异步可中断更新与饥饿问题.mp4
│   ├── 7.4 batchedUpdates的实现.mp4
│   ├── 7.5 高优先级更新如何插队.mp4
│   └── 7.6 Suspense的实现.mp4
├── README.md

资源目录截图: 思否编程 -  自顶向下学 React 源码