react16redu实战企业级大众点评webappreact16redux实战企业级大众点评webapp
资源详情
r n t第1章 课程介绍本章主要介绍课程大纲、课程目标.以及开发环境搭建和实战案例演示。r n t第2章 react项目脚手架：create-react-appr n t本章介绍react生态中最流行的脚手架：create react app. 包括安装、基本用法、创建mock数据等。r n t第3章 react思维方式：跟着todo项目学习react思想r n t本章以todo项目为例.从react组件化思想角度出发.详细讲解使用react开发页面的基本流程和基本方法。r n t第4章 redux基础：跟着todo项目学习reduxr n tredux是react技术栈中最常用的状态管理库。本章介绍了redux中action、reducer、store三大基本概念及使用方式.redux-thunk处理异步action. 以及redux和react相结合的库react-redux的使用。r n t第5章 redux 进阶：用好redux必备r n tredux抽象程度高.实际使用难度大。本章对redux最佳实践进行了总结.包括项目结构组织方式、state设计原则、selector函数的使用等；然后介绍了redux中的高阶技术：store enhancer和middleware的使用；最后还介绍了常和redux搭配使用的两个库: immutable.js和reselect。r n t第6章 react router 4：全新的react组件式的动态路由库r n t本周介绍了客户端路由的概念.并引出react router 4基础用法的介绍.同时对react router 4在思维方式上区别于之前版本的内容做了讲解。r n t第7章 大众点评前端架构设计r n t本章介绍前端架构的基本含义和主要内容。并以大众点评webapp为例.从工程化和系统抽象两个层面搭建项目架构.为后面具体页面的开发打下基础。r n t第8章 首页开发r n t本章讲解大众点评webapp首页的开发.从页面组件划分开始.然后逐个实现组件.再设计对应的状态模块.最后完成组件和状态模块的连接。后续页面也都遵循这个开发流程。页面功能上.主要实现了商品列表展示.加载更多效果实现.以及导航到其他页面的路由集成。.r n t第9章 团购详情页开发r n t本章开发团购详情页.讲解详情页基本组件和逻辑的开发.并演示redux从多个状态模块中聚合数据的方法。r n t第10章 搜索页开发r n t本章开发搜索页面.实现搜索框组件.并支持按照热门关键词直接搜索.搜索记录会保存到搜索历史组件中。r n t第11章 搜索结果页开发r n t本章开发搜索结果页面。执行搜索操作后.会跳转到搜索结果页.搜索结果以列表形式展现。r n t第12章 登录页开发r n t本章开发登录页面.实现登录表单以及登录的前端模拟实现、注销逻辑.还介绍了使用react router封装页面登录态校验。r n t第13章 个人中心开发r n t本章开发个人中心页。包含订单分类的tab组件.订单列表.以及订单删除和评价功能。r n t第14章 **功能开发r n t本章实现订单**功能.涉及表单组件、受控组件管理.讲解通过redux状态层对页面录入信息的管理和同步。r n t第15章 项目优化、构建和部署r n t本章使用reselect对实战案例忄生能进一步优化.同时在编译构建阶段.对js进行分片.提高页面加载忄生能.最后将编译包部署到nginx上。r n t第16章 课程总结r n t本章回顾课程的主要知识点.并给出在项目中使用react技术栈的若干建议。
