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

第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技术栈的若干建议。

下载地址:百度网盘下载

原文地址:https://www.cnblogs.com/itianya/p/10503913.html

时间: 2024-10-08 16:31:03

React16+Redux 实战企业级大众点评WebApp的相关文章

Java SSM开发大众点评后端

Java SSM开发大众点评后端 后端开发: 1.2017龙果微服务架构的分布式事务解决方案 2.2017年龙果spring boot 入门实战视频教程-首套中文教程 3.51CTO Spring Boot实战与原理分析视频课程 4.ElasticSearch5视频教程 5.Elasticsearch顶尖高手系列:高手进阶篇(最新第二版) 6.IDEA学习视频 7.Java 微服务实践 - Spring Boot 系列 8.JAVA-ACE-架构师系列视频课程-RocketMQ 9.Java-分

美团PK大众点评:互诉侵权背后的真相

团购行业在经过血雨腥风的群雄混战阶段后,已经进入三足鼎立的时代.据7月中旬数据显示,团购网站数量已由2011年8月高峰时的5058家缩减为至176家,而其中美团.大众点评.糯米占据了80%以上的市场份额.通常来说,进入垄断时代以后,巨头应该划分好各自的地盘,并在暗中"操纵"着市场的动向,掌控全局.但没想到是,团购行业的两大巨头美团和大众点评却开始互掐,将对方都告上了法庭.在这看似离奇的事件背后,是双方力量的博弈和无奈的展现. 互讼,意味什么? 美团和大众点评近来就像一对欢喜冤家,双方不

高仿大众点评商家列表

原生android,高仿大众点评商家列表; 首先欢迎大家关注我 http://weibo.com/u/2841033197 废话不多说了,上代码,效果图 适配器 class MyAdapter extends BaseAdapter { protected final int mItemLayoutId; List<Businesses> data = new ArrayList<Businesses>(); private Context context; private Lay

抓取大众点评网站数据

使用PHP单线程抓取,速度比较慢,可以抓取所有的团购信息:店铺信息也可以抓取: 公司测试产品需要使用一些数据,所有试着抓取的,感觉就是写正则,不指定别人是怎么样的实现思路,感觉使用php多线程应该会速度更好吧. 我主要是抓评论跟一些图片,但是其他思路基本一样.按理来说,只要能显示出到网页上的,都可以抓下来. 我抓取的思路是第一步获取所有的city信息即test_get_city_info: 第二部通过city的url抓取每个city的每个类别的商品团购信息test_get_web_info 第三

大众点评实时监控系统CAT的那些坑

首先,感谢大众点评开源监控系统CAT.CAT是一款非常使用的功能建全的监控系统.作为一个知名的开源软件,真的是太差了. 想把CAT用起来,没有多年的Java经验是不行的.先吐槽一下,再写一篇如何用的文章. 从 https://github.com/dianping/cat 开始,就会碰到种种"坑". 第一坑,https://github.com/dianping/cat 上显示持续集成是失败的.(因为build的使用要用aliyun 的 maven 源才行.) 尝试用master编译成

大众点评订单系统分库分表实践

转载至:http://tech.meituan.com/dianping_order_db_sharding.html 背景 原大众点评的订单单表早就已经突破两百G,由于查询维度较多,即使加了两个从库,优化索引,仍然存在很多查询不理想的情况.去年大量抢购活动的开展,使数据库达到瓶颈,应用只能通过限速.异步队列等对其进行保护:业务需求层出不穷,原有的订单模型很难满足业务需求,但是基于原订单表的DDL又非常吃力,无法达到业务要求.随着这些问题越来越突出,订单数据库的切分就愈发急迫了. 这次切分,我们

采集大众点评、美团等数据进行大数据挖掘

当你有了一只美丽的爬虫后你可以做很多有意思的事情,比如爬虫爬到了很多餐饮数据后就可以做餐饮地区活跃度分析了,这些分析指标是很有意义的,特别是对准备开店的人.首先要将数据从大众点评.美团或其他网站数据采集下来,方式可以从美食产品入口,然后找到餐饮公司信息,然后找到地址,地区等信息.采集的时候要做好防重策略,这样可以节省很多时间,还有就是不要并发太大,以免影响正常的业务.将采集到的数据写入数据库,以备后用.有了这些数据就可以对餐饮公司的分布做统计分析了,能很容易统计出某个城市餐饮公司的地区分布情况,

怎么干翻大众点评

要挑战甚至干翻大众点评,先要知道大众点评的优势或者根基是什么? 第一.海量的商户信息. 第二.累积多年的UGC点评内容. 第三.已经形成的忠实用户与移动/线下渠道(包括各城市入驻的销售团队等). ------------------------------ <第一 海量的商户信息累积> --------------------------------- Dp起源于上海,经过近十年的数据累积.目前上海地区至少餐饮商户的覆盖率已经非常高了.但全国范围内看,点评的模式决定了它前进会比较缓慢.杭州地区

用Swift实现淘宝和大众点评的下拉刷新

来自Leo的原创博客,转载请著名出处 我的StackOverflow 我的Github https://github.com/LeoMobileDeveloper 效果 淘宝 大众点评 项目地址 其中 大众点评的下拉刷新用了50行左右代码 淘宝的下拉刷新用了90行左右代码 完整的代码地址:PullToRefreshKit Tips:用Swift 2.2写的,所以需要XCode 7.3来运行. PullToRefreshKit 这是我用纯Swift 2.2写的一个库,初衷是为了更简单的实现自定义下