[099] React技术栈仿大众点评Web App - 分享大量React重构的宝贵经验

网盘链接：

1. 搭建 webpack + react 开发环境

• 1-1 导学1 – 课程简介
• 1-2 导学2 – 为何用文档代替 PPT-
• 1-3 导学3 – 项目演示效果
• 1-4 课程说明
• 1-5 体验npm start 和 npm run build命令
• 1-6 安装插件
• 1-7 介绍webpack.config.js（1）
• 1-8 介绍webpack.config.js（2）
• 1-9 介绍webpack.production.config.js

2. React 基础

• 2-1 介绍 jsx
• 2-2 jsx 语法几点注意事项
• 2-3 jsx 事件循环和判断
• 2-4 代码分离方案
• 2-5 props 和 state
• 2-6 智能组件和木偶组件
• 2-7 生命周期

3. React 性能优化方案

• 3-1 优化方案
• 3-2 todo-list-demo

4. React-router

• 4-1 介绍router-map配置
• 4-2 跳转和参数

5. Redux 基础

• 5-1 简单 demo
• 5-2 结合react（1）
• 5-3 结合react（2）
• 5-4 结合react-场景说明

6. 使用 fetch

• 6-1 get请求
• 6-2 post请求
• 6-3 数据模拟Mock

7. 开发首页

• 7-1 开发步骤介绍
• 7-2 路由介绍
• 7-3 父组件介绍
• 7-4 获取城市
• 7-5 存储城市到 Redux
• 7-6 HomeHeader组件（1）
• 7-7 HomeHeader组件（2）
• 7-8 HomeHeader组件（3）
• 7-9 简单轮播图
• 7-10 获取轮播图 index
• 7-11 轮播图完成
• 7-12 超值特惠-后端接口
• 7-13 超值特惠-获取数据
• 7-14 超值特惠-展示数据
• 7-15 猜你喜欢-后端数据
• 7-16 猜你喜欢-获取列表数据
• 7-17 猜你喜欢-显示标题
• 7-18 猜你喜欢-显示内容
• 7-19 加载更多-准备数据
• 7-20 加载更多-实现功能
• 7-21 加载更多-下拉效果
• 7-22 加载更多-总结

8. 开发城市页面

• 8-1 路由介绍
• 8-2 跳转链接
• 8-3 完成Header
• 8-4 当前城市
• 8-5 修改城市的方法
• 8-6 修改城市完成

9. 开发搜索结果页面

• 9-1 路由配置
• 9-2 约束性和非约束性组件
• 9-3 抽离input-1
• 9-4 抽离input-2
• 9-5 SearchHeader组件
• 9-6 结果列表

10. 开发详情页

• 10-1 header
• 10-2 获取商户信息
• 10-3 展示商户信息-1
• 10-4 展示商户信息-2
• 10-5 用户评论列表

11. 开发登录页面

• 11-1 路由配置
• 11-2 登录组件-1
• 11-3 登录组件-2

12. 收藏和购买功能

• 12-1 创建子页面
• 12-2 购买功能
• 12-3 收藏功能-准备1
• 12-4 收藏功能-准备2
• 12-5 收藏功能-准备3
• 12-6 收藏功能-完成

13. 开发用户中心页

• 13-1 Header
• 13-2 用户信息
• 13-3 获取订单
• 13-4 展示订单

14. 评价功能

• 14-1 评价状态
• 14-2 显示输入框
• 14-3 获取评价内容
• 14-4 提交数据
• 14-5 总结

15. 扩展-项目代码版本升级

• 15-1 补充-build错误解决方案
• 15-2 升级介绍
• 15-3 webpack3 升级npm组件
• 15-4 webpack3 升级配置文件
• 15-5 webpack3 升级打包命令
• 15-6 react-router4 升级npm组件
• 15-7 react-router4 修改router配置
• 15-8 react-router4 执行命令