基于 React + Redux/Mobx 搞定复杂项目状态管理

第1章 了解互联网广告营销业务及其背后的技术
1-1 导学（课程简介） (12:32)
1-2 课程大纲及学习路线 (09:38)
1-3 互联网广告及其背后的技术 (10:14)
第2章 从零到一完成前端工程架构之基础篇
2-1 本章概述
2-2 初始化一个React前端工程（上） (19:27)
2-3 初始化一个React前端工程（下） (21:04)
2-4 扩展：使用 Create React App 创建工程并修改其工程配置
2-5 git提交规范 (11:06)
2-6 eslint相关配置 (08:35)
2-7 Typescript相关配置 (17:46)
2-8 前端路由 React Router 相关配置-上 (04:40)
2-9 前端路由 React Router 相关配置-中 (11:19)
2-10 前端路由 React Router 相关配置-下 (08:39)
2-11 基础组件库 antd 相关配置 (04:20)
2-12 本章小结 (01:44)
第3章 从零到一完成前端工程架构之进阶篇
3-1 本章概述
3-2 js 与 css 文件打包分离 (11:49)
3-3 扩展：UmiJS
3-4 本地mock配置（上） (13:18)
3-5 本地mock配置（下） (08:26)
3-6 远程 mock 配置（上） (09:02)
3-7 远程 mock 配置（下） (12:28)
3-8 前端工程性能优化(本小节留有课后作业) (15:01)
3-9 前端工程开发代码工具库配置（上） (10:05)
3-10 前端工程开发代码工具库配置（下） (06:44)
3-11 本章小结 (02:07)
第4章 慕课营销平台页面开发
4-1 本章概述
4-2 页面布局与组件设计（上） (07:49)
4-3 页面布局与组件设计（中） (12:34)
4-4 Header 组件开发（上） (16:41)
4-5 页面布局与组件设计（下） (10:45)
4-6 Header 组件开发（下） (16:12)
4-7 DataTrend 组件开发（上） (12:05)
4-8 DataTrend 组件开发（中） (12:16)
4-9 DataTrend 组件开发（下） (10:20)
4-10 PromotionCard 组件开发（上） (09:31)
4-11 PromotionCard 组件开发（下） (06:53)
4-12 ProductCard 组件开发 (09:11)
4-13 Account 组件开发 (08:33)
4-14 本章小结 (05:31)
4-15 扩展：React 类组件、函数组件及高阶组件
第5章 慕课营销平台搜索推广页面开发
5-1 本章概述
5-2 搜索推广页面布局与组件设计（上） (11:20)
5-3 搜索推广页面布局与组件设计（下） (10:31)
5-4 Header 及 DataTrend 组件复用（上） (11:30)
5-5 Header 及 DataTrend 组件复用（下） (12:21)
5-6 搜索推广页 Account 组件开发 (11:54)
5-7 WaveAnalysis 组件开发（上） (08:50)
5-8 WaveAnalysis 组件开发（中） (15:15)
5-9 WaveAnalysis 组件开发（下） (18:25)
5-10 UserPortrait 组件开发及 Footer 组件复用 (17:57)
5-11 UserPortrait 组件开发及 Footer 组件复用 (17:57)
5-12 本章小结 (03:55)
第6章 使用 React Context 实现应用状态管理
6-1 本章概述
6-2 React 中的状态管理 (05:28)
6-3 认识 React Context (15:20)
6-4 使用 React Context 实现公共状态管理（上） (16:39)
6-5 使用 React Context 实现公共状态管理（下） (04:55)
6-6 前端工程性能优化（上） (08:03)
6-7 前端工程性能优化（下） (15:09)
6-8 本章小结 (05:35)
第7章 使用 Redux 实现应用状态管理
7-1 本章概述
7-2 认识 Redux (08:31)
7-3 跟着官方文档学习 Redux（上） (09:26)
7-4 跟着官方文档学习 Redux（中） (09:47)
7-5 跟着官方文档学习 Redux（下） (11:05)
7-6 通过官方demo学习 Redux (11:15)
7-7 使用 React-Redux 优化计数器应用程序（上） (11:07)
7-8 使用 React-Redux 优化计数器应用程序（下） (09:39)
7-9 通过 redux-thunk 了解 Redux 中间件（上） (08:59)
7-10 通过 redux-thunk 了解 Redux 中间件（下） (18:25)
7-11 了解Redux 中的异步解决方案与 redux-saga使方式（上） (14:49)
7-12 了解Redux 中的异步解决方案与 redux-saga使方式（中） (12:06)
7-13 了解Redux 中的异步解决方案与 redux-saga使方式（下） (21:17)
7-14 使用 Redux + redux-saga 实现慕课营销平台的状态管理（上） (11:31)
7-15 使用 Redux + redux-saga 实现慕课营销平台的状态管理（中） (14:35)
7-16 使用 Redux + redux-saga 实现慕课营销平台的状态管理（下） (24:20)
7-17 使用require.context 优化React + Redux 工程架构（上） (11:41)
7-18 使用require.context 优化React + Redux 工程架构（下） (15:05)
7-19 本章小结 (06:32)
7-20 讨论题：关于 Redux 的常见面试题
第8章 使用 Mobx 实现应用状态管理
8-1 本章概述
8-2 认识 Mobx (03:26)
8-3 学习 Mobx 核心 API 及其设计理念（上） (12:31)
8-4 学习 Mobx 核心 API 及其设计理念（下） (11:06)
8-5 使用 Hooks 实现搜索推广页弹窗组件（上） (12:14)
8-6 使用 Hooks 实现搜索推广页弹窗组件（下） (10:33)
8-7 使用 Mobx + mobx-react 实现慕课营销平台的状态管理（上） (17:31)
8-8 使用 Mobx + mobx-react 实现慕课营销平台的状态管理（中） (12:04)
8-9 使用 Mobx + mobx-react 实现慕课营销平台的状态管理（下） (19:36)
8-10 本章小结 (04:05)
8-11 讨论题：关于 Mobx 的常见面试题
第9章 Redux 和 Mobx 原理解析
9-1 本章概述
9-2 观察者模式及其应用分析 (23:00)
9-3 redux与react-redux源码中的核心技术点分析（上） (13:34)
9-4 redux与react-redux源码中的核心技术点分析（下） (22:48)
9-5 mobx与mobx-react 源码中的核心技术点分析（上） (20:24)
9-6 mobx与mobx-react 源码中的核心技术点分析（下） (10:20)
9-7 本章小结 (06:28)
9-8 扩展：聊一聊 React Hook
第10章 课程总结
10-1 课程总结 (13:01)
10-2 补充：Uncaught Error- MobX injector- Store 'store' is not available (05:53)

网盘截图：