课程介绍

掌握 React 知识链路和底层逻辑

课程目录

• 目录 /共25节8
• 开篇词
• 开篇词 | 这一次，真正吃透 React 知识链路与底层逻辑
• 模块一：系统深入学习“基础知识”
• 01 | JSX 代码是如何“摇身一变”成为 DOM 的
• 02 | 为什么 React 16 要更改组件的生命周期？（上）
• 03 | 为什么 React 16 要更改组件的生命周期？（下）
• 04 | 数据是如何在 React 组件之间流动的？（上）
• 05 | 数据是如何在 React 组件之间流动的？（下）
• 06 | React-Hooks 设计动机与工作模式（上）
• 07 | React-Hooks 设计动机与工作模式（下）
• 模块二：刨根问底吃透“核心原理”
• 08 | 深入 React-Hooks 工作机制：“原则”的背后，是“原理”
• 09 | 真正理解虚拟 DOM：React 选它，真的是为了性能吗？
• 10 | React 中的“栈调和”（Stack Reconciler）过程是怎样的
• 11 | setState 到底是同步的，还是异步的？
• 12 | 如何理解 Fiber 架构的迭代动机与设计思想
• 13 | ReactDOM.render 是如何串联渲染链路的？（上）
• 14 | ReactDOM.render 是如何串联渲染链路的？（中）
• 15 | ReactDOM.render 是如何串联渲染链路的？（下）
• 16 | 剖析 Fiber 架构下 Concurrent 模式的实现原理
• 17 | 特别的事件系统：React 事件与 DOM 事件有何不同
• 模块三：“周边生态”帮你拓宽技术视野
• 18 | 揭秘 Redux 设计思想与工作原理（上）
• 19 | 揭秘 Redux 设计思想与工作原理（下）
• 20 | 从 Redux 中间件实现原理切入，理解“面向切面编程
• 21 | 从 React-Router 切入，系统学习前端路由解决方案
• 模块四：“生产实践”通用法则
• 22 | 思路拓展：如何打造高性能的 React 应用
• 23 | 跟 React 学设计模式：掌握编程“套路”，打造高质量应用
• 结束语
• 结束语 | 聊聊 React 17，谈谈学习前端框架的心法