课程简介：

这个专栏，一方面紧贴源码、深挖核心原理，提升解决疑难杂症的能力，另一方面从大厂面试逻辑入手，帮你提升理论知识，更从容应对晋升求职。

模块一：系统深入学习“基础知识”

JSX 代码如何成为 DOM？React 16 的生命周期是怎么回事？此模块对基础知识做深入浅出的讲解，帮你理解基本原理和源码，突破一些重点和难点。面试被拒、基础比较薄弱的同学，学完这个模块可以应对大部分的初级面试。

模块二：刨根问底吃透“核心原理”

“栈调和”（Stack Reconciler）过程是怎样的？setState 是同步的，还是异步的？Fiber 架构承载着什么样的设计思想与编码形态？此模块主要呈现的是框架的底层逻辑和源码设计。这也是面试时压轴的一些难点问题，如果你想要从事一些高级岗位，或者 JD 中明确要求精通 React，那一定逃不开这些问题。学完个模块可以明白底层逻辑和源码设计，并应对大部分的高级面试。

模块三：“周边生态”帮你拓宽技术视野

Redux 设计思想与工作原理是怎样的?此模块主要探究“问题背后的问题”，很多人用过 Redux、听说过 React-Router，但是为什么要用它？其背后的工作原理、设计思想又是怎样的？解决你出了 Bug 却不知如何调试的问题。学完这个模块可以拓展 React 相关周边生态。

模块四：“生产实践”通用法则

如何打造高性能的 React 应用？此模块将结合作者团队的实践经验以及当下行业里推崇的最佳实践，为你输出实战观点。对于这些最佳实践，你不仅要知道怎么做，还需要理解“为什么这么做”。学完个模块可以强化你的实际应用能力，提升自主研发创新实践的线索和灵感。

课程目录：

深入浅出搞定 React-拉钩专栏/
├──开篇词 这一次，真正吃透 React 知识链路与底层逻辑_4849
| └──开篇词 这一次，真正吃透 React 知识链路与底层逻辑.mp4 138.71M
├──01 JSX 代码是如何“摇身一变”成为 DOM 的？_4850
| └──01 JSX 代码是如何“摇身一变”成为 DOM 的？.mp4 139.67M
├──02 为什么 React 16 要更改组件的生命周期？（上）_4851
| └──02 为什么 React 16 要更改组件的生命周期？（上）.mp4 186.69M
├──03 为什么 React 16 要更改组件的生命周期？（下）_4852
| └──03 为什么 React 16 要更改组件的生命周期？（下）.mp4 377.04M
├──04 数据是如何在 React 组件之间流动的？（上）_4853
| └──04 数据是如何在 React 组件之间流动的？（上）.mp4 206.95M
├──05 数据是如何在 React 组件之间流动的？（下）_4854
| └──05 数据是如何在 React 组件之间流动的？（下）.mp4 127.60M
├──06 React-Hook 设计动机与工作模式（上）_4855
| └──06 React-Hook 设计动机与工作模式（上）.mp4 181.86M
├──07 React-Hook 设计动机与工作模式（下）_4856
| └──07 React-Hook 设计动机与工作模式（下）.mp4 258.88M
├──08 深入 React-Hook 工作机制：“原则”的背后，是“原理”_4857
| └──08 深入 React-Hook 工作机制：“原则”的背后，是“原理”.mp4 167.44M
├──09 真正理解虚拟 DOM：React 选它，真的是为了性能吗？_4858
| └──09 真正理解虚拟 DOM：React 选它，真的是为了性能吗？.mp4 267.21M
├──10 React 中的“栈调和”（Stack Reconciler）过程是怎样的？_4859
| └──10 React 中的“栈调和”（Stack Reconciler）过程是怎样的？.mp4 173.60M
├──11 etState 到底是同步的，还是异步的？_4860
| └──11 etState 到底是同步的，还是异步的？.mp4 176.90M
├──12 如何理解 Fiber 架构的迭代动机与设计思想？_4861
| └──12 如何理解 Fiber 架构的迭代动机与设计思想？.mp4 157.87M
├──13 ReactDOM.render 是如何串联渲染链路的？（上）_4862
| └──13 ReactDOM.render 是如何串联渲染链路的？（上）.mp4 212.99M
├──14 ReactDOM.render 是如何串联渲染链路的？（中）_5367
| └──14 ReactDOM.render 是如何串联渲染链路的？（中）.mp4 266.56M
├──15 ReactDOM.render 是如何串联渲染链路的？（下）_5368
| └──15 ReactDOM.render 是如何串联渲染链路的？（下）.mp4 224.91M
├──16 剖析 Fiber 架构下 Concurrent 模式的实现原理_4863
| └──16 剖析 Fiber 架构下 Concurrent 模式的实现原理.mp4 370.68M
├──17 特别的事件系统：React 事件与 DOM 事件有何不同？_4864
| └──17 特别的事件系统：React 事件与 DOM 事件有何不同？.mp4 304.02M
├──18 揭秘 Redux 设计思想与工作原理（上）_4865
| └──18 揭秘 Redux 设计思想与工作原理（上）.mp4 163.90M
├──19 揭秘 Redux 设计思想与工作原理（下）_4866
| └──19 揭秘 Redux 设计思想与工作原理（下）.mp4 160.20M
├──20 从 Redux 中间件实现原理切入，理解“面向切面编程”_4867
| └──20 从 Redux 中间件实现原理切入，理解“面向切面编程”.mp4 221.42M
├──21 从 React-Router 切入，系统学习前端路由解决方案_5894
| └──21 从 React-Router 切入，系统学习前端路由解决方案.mp4 130.51M
├──22 思路拓展：如何打造高性能的 React 应用？_4868
| └──22 思路拓展：如何打造高性能的 React 应用？.mp4 194.34M
├──23 跟 React 学设计模式：掌握编程“套路”，打造高质量应用_4869
| └──23 跟 React 学设计模式：掌握编程“套路”，打造高质量应用.mp4 214.26M
├──结束语 聊聊 React 17，谈谈学习前端框架的心法_4870
| └──结束语 聊聊 React 17，谈谈学习前端框架的心法.mp4 242.58M
├──pdf
| └──开篇词-这一次，真正吃透 React 知识链路与底层逻辑.pdf 1.44M
| ├──01-JSX 代码是如何“摇身一变”成为 DOM 的？.pdf 1.79M
| ├──02-为什么 React 16 要更改组件的生命周期？（上）.pdf 1.52M
| ├──03-为什么 React 16 要更改组件的生命周期？（下）.pdf 2.21M
| ├──04-数据是如何在 React 组件之间流动的？（上）.pdf 1.41M
| ├──05-数据是如何在 React 组件之间流动的？（下）.pdf 908.00kb
| ├──06-React-Hooks 设计动机与工作模式（上）.pdf 785.88kb
| ├──07-React-Hooks 设计动机与工作模式（下）.pdf 773.02kb
| ├──08-深入 React-Hooks 工作机制：“原则”的背后，是“原理”.pdf 1.52M
| ├──09-真正理解虚拟 DOM：React 选它，真的是为了性能吗？.pdf 1.01M
| ├──10-React 中的“栈调和”（Stack Reconciler）过程是怎样的？.pdf 888.35kb
| ├──11-setState 到底是同步的，还是异步的？.pdf 1.02M
| ├──12-如何理解 Fiber 架构的迭代动机与设计思想？.pdf 882.51kb
| ├──13-ReactDOM.render 是如何串联渲染链路的？（上）.pdf 2.58M
| ├──14-ReactDOM.render 是如何串联渲染链路的？（中）.pdf 1.90M
| ├──15-ReactDOM.render 是如何串联渲染链路的？（下）.pdf 1.29M
| ├──16- 剖析 Fiber 架构下 Concurrent 模式的实现原理.pdf 3.03M
| ├──17-特别的事件系统：React 事件与 DOM 事件有何不同？.pdf 1.72M
| ├──18-揭秘 Redux 设计思想与工作原理（上）.pdf 996.75kb
| ├──19-揭秘 Redux 设计思想与工作原理（下）.pdf 715.47kb
| ├──20-从 Redux 中间件实现原理切入，理解“面向切面编程”.pdf 700.04kb