课程简介:
状态管理一直是前端开发中的重点和难点,尤其针对大型复杂项目,状态管理的设计好坏,更关乎项目开发的质量高低。本课程借助一个企业级平台项目的开发,带大家掌握React Context、 Redux、 Mobx 等三大常用 React 状态管理方案,由浅入深,从使用到深度解析源码,力求透彻全面地掌握状管理,让它不再成为你通往高级前端开发路上的绊脚石。
目录:
第1章 了解互联网广告营销业务及其背后的技术3 节 | 33分钟
互联网广告业务可以说是每个大型互联网公司中的核心业务,广告营销是互联网公司盈利的一个非常重要的方式。本章将会介绍大型互联网公司广告营销方面常用策略及方式,同时介绍广告营销业务背后的核心技术。
第2章 从零到一完成前端工程架构之基础篇12 节 | 109分钟
本章将会介绍如何从零到一完成一个前端工程,包括使用Webpack初始化一个前端工程,eslint配置,typescrIPt配置,React-Router配置,基础组件库Antd配置等。
第3章 从零到一完成前端工程架构之进阶篇11 节 | 89分钟
一个好的前端工程可以大大提升开发效率,同时提升代码稳定性和规范性。本章将会介绍如何做前端工程架构的优化,包括打包性能优化,打包文件拆分,mock配置等。
视频:3-11 本章小结 (02:07)
第4章 慕课营销平台页面开发15 节 | 139分钟
本章将会介绍如何做大型项目页面的开发,体会互联网大厂资深前端工程师在大型项目中页面开发时的思路,包括页面布局与组件设计原则、父子组件的通信机制、如何实现交互复杂的业务组件等。
视频:4-14 本章小结 (05:31)
第5章 慕课营销平台搜索推广页面开发12 节 | 140分钟
视频:5-12 本章小结 (03:55)
第6章 使用 React Context 实现应用状态管理8 节 | 72分钟
本章将会介绍React官方为我们提供的公共状态管理工具 React Context,并且使用React Context来完成应用中全局状态的管理。了解React Context的使用方式,也会为我们后面探究React-Redux和mobx-React工具的内部原理有一定的帮助。
视频:6-8 本章小结 (05:35)
第7章 使用 Redux 实现应用状态管理11 节 | 99分钟
本章将会介绍React生态中常用的第三方状态管理方案Redux的核心思想、使用方式以及其高级工具如Redux-thunk和Redux-saga中间件的使用等。
第8章 使用 Mobx 实现应用状态管理11 节 | 104分钟
第9章 Redux 和 Mobx 原理解析8 节 | 97分钟
本章将会介绍Redux 和Mobx 的内部运行机制,核心内容包括 a. Redux 和Mobx 内部如何维护state并监听state的变化 b. state发生变化后,Redux 和Mobx 如何让view 层进行更新渲染 c. React-Redux和mobx-React中Provider组件的实现原理
视频:9-7 本章小结 (06:28)
第10章 课程总结2 节 | 19分钟