React16+Redux 实战企业级大众点评WebApp
Posted itianya
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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技术栈的若干建议。
下载地址:百度网盘下载
以上是关于React16+Redux 实战企业级大众点评WebApp的主要内容,如果未能解决你的问题,请参考以下文章