📚 课程介绍
本课程将深入讲解如何使用React和Redux/Mobx进行复杂项目的前端状态管理，从基础到进阶，涵盖初始化工程、组件开发、状态管理、性能优化等多个方面。
📋 学习前提
1. HTML/CSS基础（网页结构和样式语言） 2. JavaScript入门（网页交互编程语言） 3. React基础（组件、状态、生命周期等） 4. Redux基础（状态管理框架） 5. Mobx基础（另一种状态管理库）
📖 课程目录
第1章 了解互联网广告营销业务及其背后的技术
1-1 导学（课程简介）
1-2 课程大纲及学习路线
1-3 互联网广告及其背后的技术
第2章 从零到一完成前端工程架构之基础篇
2-1 初始化一个React前端工程（上）
2-2 初始化一个React前端工程（下）
2-3 git提交规范
2-4 eslint相关配置
2-5 Typescript相关配置
2-6 前端路由 React Router 相关配置-上
2-7 前端路由 React Router 相关配置-中
2-8 前端路由 React Router 相关配置-下
2-9 基础组件库 antd 相关配置
2-10 本章小结
第3章 从零到一完成前端工程架构之进阶篇
3-1 js 与 css 文件打包分离
3-2 本地mock配置（上）
3-3 本地mock配置（下）
3-4 远程 mock 配置（上）
3-5 远程 mock 配置（下）
3-6 前端工程性能优化(本小节留有课后作业)
3-7 前端工程开发代码工具库配置（上）
3-8 前端工程开发代码工具库配置（下）
3-9 本章小结
第4章 慕课营销平台页面开发
4-1 页面布局与组件设计（上）
4-2 页面布局与组件设计（下）
4-3 Header 组件开发（上）
4-4 Header 组件开发（下）
4-5 DataTrend 组件开发（上）
4-6 DataTrend 组件开发（中）
4-7 DataTrend 组件开发（下）
4-8 PromotionCard 组件开发（上）
4-9 PromotionCard 组件开发（下）
4-10 ProductCard 组件开发
4-11 Account 组件开发
4-12 本章小结
第5章 慕课营销平台搜索推广页面开发
5-1 搜索推广页面布局与组件设计（上）
5-2 搜索推广页面布局与组件设计（下）
5-3 Header 及 DataTrend 组件复用（上）
5-4 Header 及 DataTrend 组件复用（下）
5-5 搜索推广页 Account 组件开发
5-6 WaveAnalysis 组件开发（上）
5-7 WaveAnalysis 组件开发（中）
5-8 WaveAnalysis 组件开发（下）
5-9 UserPortrait 组件开发及 Footer 组件复用
5-10 UserPortrait 组件开发及 Footer 组件复用
5-11 本章小结
第6章 使用 React Context 实现应用状态管理
6-1 React 中的状态管理
6-2 认识 React Context
6-3 使用 React Context 实现公共状态管理（上）
6-4 使用 React Context 实现公共状态管理（下）
6-5 前端工程性能优化（上）
6-6 前端工程性能优化（下）
6-7 本章小结
第7章 使用 Redux 实现应用状态管理
7-1 认识 Redux
7-2 跟着官方文档学习 Redux（上）
7-3 跟着官方文档学习 Redux（中）
7-4 跟着官方文档学习 Redux（下）
7-5 通过官方demo学习 Redux
7-6 使用 React-Redux 优化计数器应用程序（上）
7-7 使用 React-Redux 优化计数器应用程序（下）
7-8 通过 redux-thunk 了解 Redux 中间件（上）
7-9 通过 redux-thunk 了解 Redux 中间件（下）
第8章 使用 Mobx 实现应用状态管理
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 本章小结
第9章 Redux 和 Mobx 原理解析
9-2 观察者模式及其应用分析
9-3 redux与react-redux源码中的核心技术点分析（上）
9-4 redux与react-redux源码中的核心技术点分析（下）
9-5 mobx与mobx-react 源码中的核心技术点分析（上）
9-6 mobx与mobx-react 源码中的核心技术点分析（下）
9-7 本章小结
第10章 课程总结
10-1 课程总结
10-2 补充：Uncaught Error- MobX injector- Store ‘store’ is not available
