码迷,mamicode.com
首页 > 移动开发 > 详细

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

时间:2019-06-28 00:47:11      阅读:237      评论:0      收藏:0      [点我收藏+]

标签:搜索框   客户端   targe   评价   企业   信息   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技术栈的若干建议。

 

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

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

标签:搜索框   客户端   targe   评价   企业   信息   webapp   知识点   模块   

原文地址:https://www.cnblogs.com/spyssor/p/11100432.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!