拉勾专栏深入浅出搞定 React22讲更新中
【课程介绍】
掌握 React 知识链路和底层逻辑0 i2 S0 M; y0 X i:
【课程目录】
目录 /共25节8 J, _3 |# t; s1 l# {$ y3 x5 k u
开篇词
开篇词 | 这一次,真正吃透 React 知识链路与底层逻辑# R6 |, z1 K8 t) A1 X- B) j* L
模块一:系统深入学习“基础知识”
01 | JSX 代码是如何“摇身一变”成为 DOM 的?– A4 m" f& ^! l0 k R
02 | 为什么 React 16 要更改组件的生命周期?(上)2 U5 I( S: z$ ~% h R
03 | 为什么 React 16 要更改组件的生命周期?(下)0 A0 \5 } U2 X2 a0 D
04 | 数据是如何在 React 组件之间流动的?(上)$ N( T! m# W0 f1 k9 Z
05 | 数据是如何在 React 组件之间流动的?(下)0 [3 \0 t# n6 _
06 | React-Hooks 设计动机与工作模式(上)3 M! _2 Z$ w& P8 W( X, |
07 | React-Hooks 设计动机与工作模式(下)
模块二:刨根问底吃透“核心原理”
08 | 深入 React-Hooks 工作机制:“原则”的背后,是“原理”; w7 m% ]" S/ p$ Q/ q- e4 V
09 | 真正理解虚拟 DOM:React 选它,真的是为了性能吗?
10 | React 中的“栈调和”(Stack Reconciler)过程是怎样的?$ {# \6 q’ |/ [* f’ z9 r’ U
11 | setState 到底是同步的,还是异步的?
12 | 如何理解 Fiber 架构的迭代动机与设计思想?# C6 F3 W; {‘ S$ r7 q9 s
13 | ReactDOM.render 是如何串联渲染链路的?(上)
14 | ReactDOM.render 是如何串联渲染链路的?(中)
15 | ReactDOM.render 是如何串联渲染链路的?(下)2 z* O0 P" ~& f1 O% V& H’ d
16 | 剖析 Fiber 架构下 Concurrent 模式的实现原理
17 | 特别的事件系统:React 事件与 DOM 事件有何不同?1 { \- t7 l5 h1 t. g1 B+ C
模块三:“周边生态”帮你拓宽技术视野
18 | 揭秘 Redux 设计思想与工作原理(上)
19 | 揭秘 Redux 设计思想与工作原理(下), E8 G) x* P2 u# f
20 | 从 Redux 中间件实现原理切入,理解“面向切面编程”5 O* ~+ F4 Z7 F, q$ |, Z
21 | 从 React-Router 切入,系统学习前端路由解决方案
模块四:“生产实践”通用法则1 D) H. M( B" E U- N/ Y# N
22 | 思路拓展:如何打造高性能的 React 应用?2 Y4 G" u, m; w5 G! i& `
23 | 跟 React 学设计模式:掌握编程“套路”,打造高质量应用) Y! f) f. g) w5 l$ a
结束语
结束语 | 聊聊 React 17,谈谈学习前端框架的心法