[555] 基于 React + Redux/Mobx 搞定复杂项目状态管理 - 从React官方工具到第三方工具，每种工具原理与典型应用，学个明白

网盘链接：

1. 了解互联网广告营销业务及其背后的技术

• 1-1 导学（课程简介）
• 1-2 课程大纲及学习路线
• 1-3 互联网广告及其背后的技术

2. 从零到一完成前端工程架构之基础篇

• 2-1 本章概述
• 2-2 初始化一个React前端工程（上）
• 2-3 初始化一个React前端工程（下）
• 2-4 扩展：使用 Create React App 创建工程并修改其工程配置
• 2-5 git提交规范
• 2-6 eslint相关配置
• 2-7 Typescript相关配置
• 2-8 前端路由 React Router 相关配置-上
• 2-9 前端路由 React Router 相关配置-中
• 2-10 前端路由 React Router 相关配置-下
• 2-11 基础组件库 antd 相关配置
• 2-12 本章小结

3. 从零到一完成前端工程架构之进阶篇

• 3-1 本章概述
• 3-2 js 与 css 文件打包分离
• 3-3 扩展：UmiJS
• 3-4 本地mock配置（上）
• 3-5 本地mock配置（下）
• 3-6 远程 mock 配置（上）
• 3-7 远程 mock 配置（下）
• 3-8 前端工程性能优化(本小节留有课后作业)
• 3-9 前端工程开发代码工具库配置（上）
• 3-10 前端工程开发代码工具库配置（下）
• 3-11 本章小结

4. 慕课营销平台页面开发

• 4-1 本章概述
• 4-2 页面布局与组件设计（上）
• 4-3 页面布局与组件设计（中）
• 4-4 Header 组件开发（上）
• 4-5 页面布局与组件设计（下）
• 4-6 Header 组件开发（下）
• 4-7 DataTrend 组件开发（上）
• 4-8 DataTrend 组件开发（中）
• 4-9 DataTrend 组件开发（下）
• 4-10 PromotionCard 组件开发（上）
• 4-11 PromotionCard 组件开发（下）
• 4-12 ProductCard 组件开发
• 4-13 Account 组件开发
• 4-14 本章小结
• 4-15 扩展：React 类组件、函数组件及高阶组件

5. 慕课营销平台搜索推广页面开发

• 5-1 本章概述
• 5-2 搜索推广页面布局与组件设计（上）
• 5-3 搜索推广页面布局与组件设计（下）
• 5-4 Header 及 DataTrend 组件复用（上）
• 5-5 Header 及 DataTrend 组件复用（下）
• 5-6 搜索推广页 Account 组件开发
• 5-7 WaveAnalysis 组件开发（上）
• 5-8 WaveAnalysis 组件开发（中）
• 5-9 WaveAnalysis 组件开发（下）
• 5-10 UserPortrait 组件开发及 Footer 组件复用
• 5-11 UserPortrait 组件开发及 Footer 组件复用
• 5-12 本章小结

6. 使用 React Context 实现应用状态管理

• 6-1 本章概述
• 6-2 React 中的状态管理
• 6-3 认识 React Context
• 6-4 使用 React Context 实现公共状态管理（上）
• 6-5 使用 React Context 实现公共状态管理（下）
• 6-6 前端工程性能优化（上）
• 6-7 前端工程性能优化（下）
• 6-8 本章小结

7. 使用 Redux 实现应用状态管理

• 7-1 本章概述
• 7-2 认识 Redux
• 7-3 跟着官方文档学习 Redux（上）
• 7-4 跟着官方文档学习 Redux（中）
• 7-5 跟着官方文档学习 Redux（下）
• 7-6 通过官方demo学习 Redux
• 7-7 使用 React-Redux 优化计数器应用程序（上）
• 7-8 使用 React-Redux 优化计数器应用程序（下）
• 7-9 通过 redux-thunk 了解 Redux 中间件（上）
• 7-10 通过 redux-thunk 了解 Redux 中间件（下）
• 7-11 了解Redux 中的异步解决方案与 redux-saga使方式（上）
• 7-12 了解Redux 中的异步解决方案与 redux-saga使方式（中）
• 7-13 了解Redux 中的异步解决方案与 redux-saga使方式（下）
• 7-14 使用 Redux + redux-saga 实现慕课营销平台的状态管理（上）
• 7-15 使用 Redux + redux-saga 实现慕课营销平台的状态管理（中）
• 7-16 使用 Redux + redux-saga 实现慕课营销平台的状态管理（下）
• 7-17 使用require.context 优化React + Redux 工程架构（上）
• 7-18 使用require.context 优化React + Redux 工程架构（下）
• 7-19 本章小结
• 7-20 讨论题：关于 Redux 的常见面试题

8. 使用 Mobx 实现应用状态管理

• 8-1 本章概述
• 8-2 认识 Mobx
• 8-3 学习 Mobx 核心 API 及其设计理念（上）
• 8-4 学习 Mobx 核心 API 及其设计理念（下）
• 8-5 使用 Hooks 实现搜索推广页弹窗组件（上）
• 8-6 使用 Hooks 实现搜索推广页弹窗组件（下）
• 8-7 使用 Mobx + mobx-react 实现慕课营销平台的状态管理（上）
• 8-8 使用 Mobx + mobx-react 实现慕课营销平台的状态管理（中）
• 8-9 使用 Mobx + mobx-react 实现慕课营销平台的状态管理（下）
• 8-10 本章小结
• 8-11 讨论题：关于 Mobx 的常见面试题

9. Redux 和 Mobx 原理解析

• 9-1 本章概述
• 9-2 观察者模式及其应用分析
• 9-3 redux与react-redux源码中的核心技术点分析（上）
• 9-4 redux与react-redux源码中的核心技术点分析（下）
• 9-5 mobx与mobx-react 源码中的核心技术点分析（上）
• 9-6 mobx与mobx-react 源码中的核心技术点分析（下）
• 9-7 本章小结
• 9-8 扩展：聊一聊 React Hook

10. 课程总结

• 10-1 课程总结
• 10-2 补充：Uncaught Error- MobX injector- Store ‘store’ is not available