[313] React16+Redux 实战企业级大众点评Web App -

网盘链接：

1. 课程介绍

• 1-1 课程导学
• 1-2 前置准备

2. React项目脚手架：create-react-app

• 2-1 创建项目结构
• 2-2 Mock数据的使用

3. React思维方式：跟着Todo项目学习React思想

• 3-1 组件划分
• 3-2 编写静态组件
• 3-3 如何设计State
• 3-4 分析State保存位置
• 3-5 添加交互行为
• 3-6 【讨论题】谈谈你对 React 思维方式的理解

4. Redux基础：跟着Todo项目学习Redux

• 4-1 Redux基本思想
• 4-2 设计应用state
• 4-3 定义Action
• 4-4 action的处理器：reducer
• 4-5 reducer拆分
• 4-6 创建store
• 4-7 集成react-redux（容器型组件拆分）
• 4-8 集成react-redux（容器型编写）
• 4-9 集成react-redux 回顾
• 4-10 异步Action（1）
• 4-11 异步Action（2）
• 4-12 Redux调试工具
• 4-13 【讨论题】引入 Redux 有什么好处

5. Redux 进阶：用好Redux必备

• 5-1 项目结构组件方式
• 5-2 State设计原则
• 5-3 selector函数
• 5-4 深入理解前端状态管理思想
• 5-5 Middleware(中间件)
• 5-6 store enhancer
• 5-7 常用库集成：Immutable.js（1）
• 5-8 常用库集成：Immutable.js（2）
• 5-9 常用库集成： Reselect

6. React Router 4：全新的React组件式的动态路由库

• 6-1 客户端路由和服务端路由
• 6-2 Router相关库
• 6-3 路由配置：Route
• 6-4 路由匹配
• 6-5 路由渲染组件的方式
• 6-6 React Router4的全新思维
• 6-8 【讨论题】如何理解 React Router 也是一种组件？

7. 大众点评前端架构设计

• 7-1 前端架构是什么
• 7-2 案例分析
• 7-3 前端架构之工程化准备（1）
• 7-4 前端架构之工程化准备（2）
• 7-5 前端架构之抽象1：状态模块定义
• 7-6 前端架构之抽象2：网络请求层封装（ redux-thunk）（1）
• 7-7 前端架构之抽象2：网络请求层封装（ redux-thunk）（2）
• 7-8 前端架构之抽象2：网络请求层封装（ redux中间件）（1）
• 7-9 前端架构之抽象2：网络请求层封装（redux中间件）（2）
• 7-10 前端架构之抽象3：通用错误处理
• 7-11 【讨论题】日常开发中，你是否进行过架构设计？

8. 首页开发

• 8-1 页面分析和组件划分
• 8-2 组件开发：分类菜单
• 8-3 组件开发：点评头条
• 8-4 组件开发：超值特惠
• 8-5 组件开发：猜你喜欢
• 8-6 加载更多功能实现
• 8-7 首页其他组件开发
• 8-8 redux状态管理：定义首页所需状态
• 8-9 redux状态管理：定义首页actions
• 8-10 redux状态管理：定义首页reducers
• 8-11 redux状态管理：首页连接redux
• 8-12 redux 作为数据缓存层的作用
• 8-13 集成React Router

9. 团购详情页开发

• 9-1 页面分析和组件划分
• 9-2 组件开发：团购基本信息
• 9-3 组件开发：商户基本信息
• 9-4 组件开发：团购详情
• 9-5 组件开发：购买须知
• 9-6 组件开发：其他组件
• 9-7 redux状态管理：设计详情页state
• 9-8 redux状态管理：设计详情页action
• 9-9 redux状态管理：设计详情页reducer
• 9-10 redux状态管理：详情页连接redux（1）
• 9-11 redux状态管理：详情页连接redux（2）

10. 搜索页开发

• 10-1 页面分析和组件划分
• 10-2 组件开发：搜索框组件
• 10-3 组件开发：热门搜索词组件
• 10-4 组件开发：搜索历史组件
• 10-5 redux状态管理：设计搜索页state
• 10-6 redux状态管理：设计搜索页action
• 10-7 redux状态管理：设计详情页reducer
• 10-8 redux状态管理：搜索页连接 redux（1）
• 10-9 redux状态管理：搜索页连接 redux（2）

11. 搜索结果页开发

• 11-1 页面分析和组件划分
• 11-2 组件开发：搜索结果列表
• 11-3 组件开发：其他组件
• 11-4 redux模块设计
• 11-5 连接 redux

12. 登录页开发

• 12-1 页面分析和组件划分
• 12-2 登录页组件开发
• 12-3 redux模块设计
• 12-4 连接 redux
• 12-5 使用React Router 校验页面登录状态
• 12-6 登录状态持久化

13. 个人中心开发

• 13-1 页面分析和组件划分
• 13-2 组件开发（UserMain 组件）
• 13-3 组件开发（OrderItem组件）
• 13-4 redux模块设计（actions 编写）
• 13-5 redux模块设计（reducers编写）
• 13-6 连接 redux
• 13-7 订单删除功能（UI实现）
• 13-8 订单删除功能（actions 编写）
• 13-9 订单删除功能（reducers 编写）
• 13-10 订单删除功能（组件 和 redux 模块连接）
• 13-11 订单评价功能（UI实现）
• 13-12 订单评价功能（redux 模块）-1
• 13-13 订单评价功能（redux 模块）-2
• 13-14 订单评价功能（组件和 redux 模块连接）-1
• 13-15 订单评价功能（组件和 redux 模块连接）-2

14. 购买功能开发

• 14-1 页面分析和组件开发（1）
• 14-2 页面分析和组件开发（2）
• 14-3 redux模块设计
• 14-4 连接 redux
• 14-5 下单数据和个人中心页同步

15. 项目优化、构建和部署

• 15-1 性能优化：集成 Reselect
• 15-2 性能优化：组件按需加载（1）
• 15-3 性能优化：组件按需加载（2）
• 15-4 项目构建和部署
• 15-5 【讨论题】前端性能优化的常用方法有哪些？

16. 课程总结

• 16-1 课程总结