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

《React16+Redux 实战企业级大众点评Web App》是一套以真实项目开发为主线的React前端实战课程，围绕大众点评类Web App的完整开发流程展开，适合希望系统学习React、Redux以及企业级前端项目开发的学习者。课程不局限于基础语法讲解，而是通过一个完整、具有实际业务场景的项目，将React技术体系与前端工程化开发结合起来，帮助学员在实践中掌握企业级项目的开发思路。

课程从React16核心基础入手，逐步学习组件化开发、JSX、Props、State、生命周期、事件处理、组件通信等重要知识，并进一步深入Redux状态管理，理解Store、Action、Reducer以及数据流转机制，掌握如何对复杂应用中的公共状态进行统一管理。通过理论结合代码实践，让学员真正理解React与Redux之间的协作方式。

项目实战部分围绕大众点评类应用展开，涵盖首页、商家列表、分类筛选、搜索、详情展示、用户交互等典型业务模块，将页面开发、组件拆分、数据管理、接口调用和路由控制等内容融入实际项目。学习过程中还会涉及React Router、网络请求、异步数据处理以及常见项目开发技巧，让学员逐渐建立企业级前端项目的整体开发思维。

通过完整项目从零搭建到功能实现，学员能够进一步提升代码组织、组件设计、状态管理和业务开发能力，同时积累具有代表性的项目实战经验。课程适合React初学者、前端开发者以及希望通过项目提升就业竞争力的学习者，为后续学习React生态、复杂Web应用开发和企业级前端工程实践打下扎实基础。

课程目录：

└── 313 – React高级实战 打造大众点评 WebApp/
├── 01-webpack配置/
│ ├── 搭建webpack环境0 – 课程说明.mov
│ ├── 搭建webpack环境0 – 课程说明.mov
│ ├── 搭建webpack环境1 – 学习目的.mov
│ ├── 搭建webpack环境2 – 安装插件.mov
│ ├── 搭建webpack环境3-介绍webpack.config.js-part1.mov
│ ├── 搭建webpack环境4-介绍webpack.config.js-part2.mov
│ ├── 搭建webpack环境5-webpack命令.mov
│ ├── 搭建webpack环境6-介绍webpack.production.config.js.mov
│ └── 视频文件.txt
├── 02-react基础/
│ ├── react基础01-介绍jsx-part1.mov
│ ├── react基础01-介绍jsx-part2-拼接到part1后面.mov
│ ├── react基础02-jsx语法几点注意事项-后面拼接上part2.mov
│ ├── react基础03-jsx事件循环和判断.mov
│ ├── react基础04-代码分离方案.mov
│ ├── react基础05-props和state.mov
│ ├── react基础06-智能组件和木偶组件.mov
│ └── react基础07-生命周期.mov
├── 03-react性能优化方案/
│ ├── react性能优化1-优化方案.mp4
│ └── react性能优化2-todo-list-demo.mp4
├── 04-react-router/
│ ├── react-router01-介绍router-map配置.mov
│ └── react-router02-跳转和参数.mov
├── 05-redux基础/
│ ├── redux基础01-简单demo.mov
│ ├── redux基础02-结合react-part1.mov
│ ├── redux基础03-结合react-part2.mov
│ └── redux基础04-结合react-场景说明.mov
├── 06-fetch基础/
│ ├── fetch基础01-get请求.mp4
│ ├── fetch基础02-post请求.mp4
│ └── fetch基础03-数据模拟Mock.mp4
├── 07-开发首页/
│ ├── 首页开发01-开发步骤介绍.mov
│ ├── 首页开发02-路由介绍.mov
│ ├── 首页开发03-父组件介绍.mov
│ ├── 首页开发04-获取城市.mov
│ ├── 首页开发05-存储城市到Redux.mov
│ ├── 首页开发06-HomeHeader组件part1（后面几秒钟的废话可裁掉）.mov
│ ├── 首页开发07-HomeHeader组件part2.mov
│ ├── 首页开发08-HomeHeader组件part3.mov
│ ├── 首页开发09-简单轮播图.mov
│ ├── 首页开发10-获取轮播图index.mov
│ ├── 首页开发11-轮播图完成.mov
│ ├── 首页开发12-超值特惠-后端接口.mov
│ ├── 首页开发13-超值特惠-获取数据.mov
│ ├── 首页开发14-超值特惠-展示数据.mov
│ ├── 首页开发15-猜你喜欢-后端数据.mov
│ ├── 首页开发16-猜你喜欢-获取列表数据.mov
│ ├── 首页开发17-猜你喜欢-显示标题.mov
│ ├── 首页开发18-猜你喜欢-显示内容.mov
│ ├── 首页开发19-加载更多-准备数据.mov
│ ├── 首页开发20-加载更多-实现功能.mov
│ ├── 首页开发21-加载更多-下拉效果.mov
│ └── 首页开发22-加载更多-总结.mov
├── 08-开发城市页/
│ ├── 开发城市页面01-路由介绍.mov
│ ├── 开发城市页面02-跳转链接.mov
│ ├── 开发城市页面03-完成Header.mov
│ ├── 开发城市页面04-当前城市.mov
│ ├── 开发城市页面05-修改城市的方法.mov
│ └── 开发城市页面06-修改城市完成.mov
├── 09-开发搜索页/
│ ├── 开发搜索页01-路由配置.mov
│ ├── 开发搜索页02-约束性和非约束性组件 .mp4
│ ├── 开发搜索页03-抽离input-1.mov
│ ├── 开发搜索页03-抽离input-1.mp4
│ ├── 开发搜索页04-抽离input-2.mov
│ ├── 开发搜索页04-抽离input-2.mp4
│ ├── 开发搜索页05-SearchHeader组件.mov
│ └── 开发搜索页06-结果列表.mp4
├── 10-开发详情页/
│ ├── 开发详情页01-header.mov
│ ├── 开发详情页02-获取商户信息.mov
│ ├── 开发详情页03-展示商户信息-1.mov
│ ├── 开发详情页04-展示商户信息-2.mov
│ └── 开发详情页05-用户评论列表.mov
├── 11-开发登录页/
│ ├── 开发登录页01-路由配置.mov
│ ├── 开发登录页02-登录组件-1.mov
│ └── 开发登录页03-登录组件-2.mov
├── 12-购买和收藏/
│ ├── 购买和收藏01-创建子页面.mp4
│ ├── 购买和收藏02-购买功能.mp4
│ ├── 购买和收藏03-收藏功能-准备.mp4
│ ├── 购买和收藏04-收藏功能-准备2.mp4
│ ├── 购买和收藏05-收藏功能-准备3.mp4
│ └── 购买和收藏06-收藏功能-完成.mov
├── 13-用户中心/
│ ├── 用户中心01-Header.mov
│ ├── 用户中心02-用户信息.mov
│ ├── 用户中心03-获取订单.mov
│ └── 用户中心04-展示订单.mov
├── 14-评价/
│ ├── 评价01-评价状态.mov
│ ├── 评价02-显示输入框.mov
│ ├── 评价03-获取评价内容.mov
│ └── 评价04-提交数据.mov
├── 15-总结/
│ └── 总结.mov
└── 课程资料/
├── 课程介绍.mov
├── 两句话录音.m4a
├── 视频文件.txt
└── react-dianping-code.zip