dmz社区

 找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 184558|回复: 161

[@] React16+Redux 实战企业级大众点评WebApp 完整版

  [复制链接]

4436

主题

1471

帖子

1万

积分

会|员

Rank: 9Rank: 9Rank: 9

积分
12361
发表于 2019-11-19 15:15:17 | 显示全部楼层 |阅读模式
程序人生
课程方向: 网页前端 
课程类型: 项目实战 

本站资源全部免费,回复即可查看下载地址!

您需要 登录 才可以下载或查看,没有帐号?立即注册

x


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


游客,如果您要查看本帖隐藏内容请回复

回复

使用道具 举报

0

主题

162

帖子

439

积分

终身会员[A]

Rank: 7Rank: 7Rank: 7

积分
439

发表于 2019-11-19 15:20:45 | 显示全部楼层
么有分,谁能送我点积分啊::>_<::
回复 支持 反对

使用道具 举报

0

主题

237

帖子

1040

积分

终身会员[A]

Rank: 7Rank: 7Rank: 7

积分
1040

发表于 2019-11-19 21:15:35 | 显示全部楼层
正需要,支持楼主大人了!
回复 支持 反对

使用道具 举报

发表于 2019-11-19 21:20:31 来自手机 | 显示全部楼层
啥也不说了,感谢楼主
回复 支持 反对

使用道具 举报

0

主题

162

帖子

439

积分

终身会员[A]

Rank: 7Rank: 7Rank: 7

积分
439

发表于 2019-11-20 08:48:43 | 显示全部楼层
确实是难得好帖啊,顶先
回复 支持 反对

使用道具 举报

发表于 2019-11-20 10:50:08 | 显示全部楼层
回复 支持 反对

使用道具 举报

0

主题

241

帖子

702

积分

终身会员[A]

Rank: 7Rank: 7Rank: 7

积分
702

发表于 2019-11-20 18:15:14 | 显示全部楼层
正需要,支持楼主大人了!
回复 支持 反对

使用道具 举报

0

主题

258

帖子

892

积分

终身会员[B]

积分
892

发表于 2019-11-21 00:23:52 | 显示全部楼层
啥也不说了,感谢楼主分享哇!
回复 支持 反对

使用道具 举报

0

主题

2071

帖子

7867

积分

深不可测

Rank: 9Rank: 9Rank: 9

积分
7867

发表于 2019-11-25 15:10:57 | 显示全部楼层
并给出在项目中使用React技术栈的若干建议。
回复 支持 反对

使用道具 举报

0

主题

205

帖子

649

积分

终身会员[A]

Rank: 7Rank: 7Rank: 7

积分
649

发表于 2019-11-27 11:04:04 | 显示全部楼层
啥也不说了,感谢楼主分享哇!
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|小黑屋|dmz社区

GMT+8, 2026-7-29 16:56 , Processed in 0.047842 second(s), 10 queries , Redis On.

Powered by Discuz! X3.4 Licensed

Copyright © 2001-2021, Tencent Cloud.

快速回复 返回顶部 返回列表