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

"<h3>第1章 了解互联网广告营销业务及其背后的技术</h3>"
<h4>互联网广告业务可以说是每个大型互联网公司中的核心业务，广告营销是互联网公司盈利的一个非常重要的方式。本章将会介绍大型互联网公司广告营销方面常用策略及方式，同时介绍广告营销业务背后的核心技术。</h4>
<p>1-1 导学（课程简介） (12:32)</p>
<p>1-2 课程大纲及学习路线 (09:38)</p>
<p>1-3 互联网广告及其背后的技术 (10:14)</p>
<h3>第2章 从零到一完成前端工程架构之基础篇</h3>
<h4>本章将会介绍如何从零到一完成一个前端工程，包括使用webpack初始化一个前端工程，eslint配置，typescript配置，react-router配置，基础组件库antd配置等。</h4>
<p>2-1 初始化一个React前端工程（上） (19:27)</p>
<p>2-2 初始化一个React前端工程（下） (21:04)</p>
<p>2-3 git提交规范 (11:06)</p>
<p>2-4 eslint相关配置 (08:35)</p>
<p>2-5 Typescript相关配置 (17:46)</p>
<p>2-6 前端路由 React Router 相关配置-上 (04:40)</p>
<p>2-7 前端路由 React Router 相关配置-中 (11:19)</p>
<p>2-8 前端路由 React Router 相关配置-下 (08:39)</p>
<p>2-9 基础组件库 antd 相关配置 (04:20)</p>
<p>2-10 本章小结 (01:44)</p>
<h3>第3章 从零到一完成前端工程架构之进阶篇</h3>
<h4>一个好的前端工程可以大大提升开发效率，同时提升代码稳定性和规范性。本章将会介绍如何做前端工程架构的优化，包括打包性能优化，打包文件拆分，mock配置等。</h4>
<p>3-1 js 与 css 文件打包分离 (11:49)</p>
<p>3-2 本地mock配置（上） (13:18)</p>
<p>3-3 本地mock配置（下） (08:26)</p>
<p>3-4 远程 mock 配置（上） (09:02)</p>
<p>3-5 远程 mock 配置（下） (12:28)</p>
<p>3-6 前端工程性能优化(本小节留有课后作业) (15:01)</p>
<p>3-7 前端工程开发代码工具库配置（上） (10:05)</p>
<p>3-8 前端工程开发代码工具库配置（下） (06:44)</p>
<p>3-9 本章小结 (02:07)</p>
<h3>第4章 慕课营销平台页面开发</h3>
<h4>本章将会介绍如何做大型项目页面的开发，体会互联网大厂资深前端工程师在大型项目中页面开发时的思路，包括页面布局与组件设计原则、父子组件的通信机制、如何实现交互复杂的业务组件等。</h4>
<p>4-1 页面布局与组件设计（上） (07:49)</p>
<p>4-2 页面布局与组件设计（中） (12:34)</p>
<p>4-3 Header 组件开发（上） (16:41)</p>
<p>4-4 页面布局与组件设计（下） (10:45)</p>
<p>4-5 Header 组件开发（下） (16:12)</p>
<p>4-6 DataTrend 组件开发（上） (12:05)</p>
<p>4-7 DataTrend 组件开发（中） (12:16)</p>
<p>4-8 DataTrend 组件开发（下） (10:20)</p>
<p>4-9 PromotionCard 组件开发（上） (09:31)</p>
<p>4-10 PromotionCard 组件开发（下） (06:53)</p>
<p>4-11 ProductCard 组件开发 (09:11)</p>
<p>4-12 Account 组件开发 (08:33)</p>
<p>4-13 本章小结 (05:31)</p>
<h3>第5章 慕课营销平台搜索推广页面开发</h3>
<h4>本章将会介绍慕课营销平台搜索推广页面的开发，重点介绍如何做页面中组件及代码的复用，如何做到代码开发的高效与可维护。</h4>
<p>5-1 搜索推广页面布局与组件设计（上） (11:20)</p>
<p>5-2 搜索推广页面布局与组件设计（下） (10:31)</p>
<p>5-3 Header 及 DataTrend 组件复用（上） (11:30)</p>
<p>5-4 Header 及 DataTrend 组件复用（下） (12:21)</p>
<p>5-5 搜索推广页 Account 组件开发 (11:54)</p>
<p>5-6 WaveAnalysis 组件开发（上） (08:50)</p>
<p>5-7 WaveAnalysis 组件开发（中） (15:15)</p>
<p>5-8 WaveAnalysis 组件开发（下） (18:25)</p>
<p>5-9 UserPortrait 组件开发及 Footer 组件复用 (17:57)</p>
<p>5-10 UserPortrait 组件开发及 Footer 组件复用 (17:57)</p>
<p>5-11 本章小结 (03:55)</p>
<h3>第6章 使用 React Context 实现应用状态管理</h3>
<h4>本章将会介绍React官方为我们提供的公共状态管理工具React Con-text，并且使用React Context来完成应用中全局状态的管理。了解React Context的使用方式，也会为我们后面探究react-redux和mobx-react工具的内部原理有一定的帮助。</h4>
<p>6-1 React 中的状态管理 (05:28)</p>
<p>6-2 认识 React Context (15:20)</p>
<p>6-3 使用 React Context 实现公共状态管理（上） (16:39)</p>
<p>6-4 使用 React Context 实现公共状态管理（下） (04:55)</p>
<p>6-5 前端工程性能优化（上） (08:03)</p>
<p>6-6 前端工程性能优化（下） (15:09)</p>
<p>6-7 本章小结 (05:35)</p>
<h3>第7章 使用 Redux 实现应用状态管理</h3>
<h4>本章将会介绍React生态中常用的第三方状态管理方案Redux的核心思想、使用方式以及其高级工具如redux-thunk和redux-saga中间件的使用等。</h4>
<h3>第8章 使用 Mobx 实现应用状态管理</h3>
<h4>本章将会介绍React生态中常用的第三方状态管理方案Redux的核心思想、使用方式以及其高级工具如中间件的使用等。</h4>
<h3>第9章 Redux 和 Mobx 原理解析</h3>
<h4>本章将会介绍Redux 和Mobx 的内部运行机制，核心内容包括 a. Redux 和Mobx 内部如何维护state并监听state的变化 b. state发生变化后，Redux 和Mobx 如何让view 层进行更新渲染 c. react-redux和mobx-react中Provider组件的实现原理</h4>
<h3>第10章 课程总结</h3>
<h4>本章将会介绍本门课程做一个整体的总结。</h4>