React16+Redux 实战企业级大众点评WebApp

Posted 2022-02-18 spyssor

第1章 课程介绍
本章主要介绍课程大纲、课程目标，以及开发环境搭建和实战案例演示。

第2章 React项目脚手架：create-react-app
本章介绍React生态中最流行的脚手架：Create React App， 包括安装、基本用法、创建Mock数据等。

第3章 React思维方式：跟着Todo项目学习React思想
本章以Todo项目为例，从React组件化思想角度出发，详细讲解使用React开发页面的基本流程和基本方法。

第4章 Redux基础：跟着Todo项目学习Redux
Redux是React技术栈中最常用的状态管理库。本章介绍了Redux中Action、Reducer、Store三大基本概念及使用方式，redux-thunk处理异步Action, 以及Redux和React相结合的库react-redux的使用。

第5章 Redux 进阶：用好Redux必备
Redux抽象程度高，实际使用难度大。本章对Redux最佳实践进行了总结，包括项目结构组织方式、State设计原则、Selector函数的使用等；然后介绍了Redux中的高阶技术：Store Enhancer和Middleware的使用；最后还介绍了常和Redux搭配使用的两个库: Immutable.js和Reselect。...

第6章 React Router 4：全新的React组件式的动态路由库
本周介绍了客户端路由的概念，并引出React Router 4基础用法的介绍，同时对React Router 4在思维方式上区别于之前版本的内容做了讲解。

第7章 大众点评前端架构设计
本章介绍前端架构的基本含义和主要内容。并以大众点评WebApp为例，从工程化和系统抽象两个层面搭建项目架构，为后面具体页面的开发打下基础。

第8章 首页开发
本章讲解大众点评WebApp首页的开发，从页面组件划分开始，然后逐个实现组件，再设计对应的状态模块，最后完成组件和状态模块的连接。后续页面也都遵循这个开发流程。页面功能上，主要实现了商品列表展示，加载更多效果实现，以及导航到其他页面的路由集成。...

第9章 团购详情页开发
本章开发团购详情页，讲解详情页基本组件和逻辑的开发，并演示redux从多个状态模块中聚合数据的方法。

第10章 搜索页开发
本章开发搜索页面，实现搜索框组件，并支持按照热门关键词直接搜索，搜索记录会保存到搜索历史组件中。

第11章 搜索结果页开发
本章开发搜索结果页面。执行搜索操作后，会跳转到搜索结果页，搜索结果以列表形式展现。

第12章 登录页开发
本章开发登录页面，实现登录表单以及登录的前端模拟实现、注销逻辑，还介绍了使用React Router封装页面登录态校验。

第13章 个人中心开发
本章开发个人中心页。包含订单分类的Tab组件，订单列表，以及订单删除和评价功能。

第14章 购买功能开发
本章实现订单购买功能，涉及表单组件、受控组件管理，讲解通过Redux状态层对页面录入信息的管理和同步。

第15章 项目优化、构建和部署
本章使用Reselect对实战案例性能进一步优化，同时在编译构建阶段，对JS进行分片，提高页面加载性能，最后将编译包部署到nginx上。

第16章 课程总结
本章回顾课程的主要知识点，并给出在项目中使用React技术栈的若干建议。

 

下载地址:React16+Redux 实战企业级大众点评WebApp