首页 实战 React16+Redux实战企业级大众点评Web App
收藏

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

掌握全新思维方式,独立开发React真实项目

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

难度 中级 时长 21小时 学习人数 1046 综合评分 9.97

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

本课程先以简单案例,快速学习React、Redux的核心思想和用法,然后选取真实大众点评 WebApp 为实战案例,从整体架构分析开始,介绍项目的分析、搭建、具体开发、以及最终的项目上线,最终独立完成中等复杂度项目的前端架构设计。

艾特老干部
讲师

前端架构师

课程预览

检测到您还没有关注慕课网服务号,无法接收课程更新通知。请扫描二维码即可绑定
重新观看

教你使用大牛的思想去学习和实践

解锁一线大厂实战经验,充分发挥React技术栈优势

对比业内3种常用的Redux使用方式,设计概念清晰、扩展性强的真正状态管理层

组件化的路由实现、离散式的路由声明、动态化的路由使用, 掌握React Router4的全新思维

不仅仅实现业务功能,从零开始搭建项目前端架构,带着架构思维去实战

遵循大厂开发标准,从前端架构设计,到前后端分离、页面模块化,到应用打包部署

企业级思维 + 经验沉淀 + 实战 = 真正能力的提升

还原标准React技术栈开发流程,独立完成前端项目开发
首页 -> 团购详情页
搜索页 -> 搜索结果页
登录 -> 购买 -> 个人中心

工程化设计

项目脚手架
项目目录结构规范
Mock数据
调试工具

通用模块设计

领域实体定义
Redux中间件封装网络请求层
通用错误处理

首页/详情页

页面拆分与组件划分
列表渲染
加载更多效果实现
多领域数据聚合

搜索模块

搜索框组件实现
搜索历史组件实现
通用组件抽离
搜索结果列表

登录模块

登录表单实现
登录逻辑模拟
注销功能

个人中心

Tab组件开发
订单列表分类展示
评价订单
删除订单

购买功能

下单组件实现
购买逻辑模拟
订单数据和个人中心页同步

项目部署

Redux性能优化建议
JS按需加载
项目构建和部署

多角度全方位教学,助你快速掌握React使用的正确姿势

思维方式学习

重视思维方式讲解,对技术栈先理
解、再应用,真正融会贯通

注重实战经验

多年一线开发和架构经验,传授企业
实用的技术,真正满足工作所需

案例贴近实际

实战案例来源真实项目,实现核心功
能路径,兼顾业务复杂度和技术栈
落地程度

学习曲线平滑

循序渐进,由浅入深,Todo Demo
到实战案例,构建平滑学习曲线

学员专享增值服务

问答专区

关于课程的问题都可在问答区随时提问
讲师会进行集中答疑

源码开放

课程案例代码完全开放给你
你可以根据所学知识,自行修改、优化

适合人群

1.具备React基础,但缺少项目实战经验
2.独立面对Redux,无从下手
3.看了许多书,写了许多Demo还是不能在实际项目
中灵活使用React全家桶
4.希望加强前端架构能力

技术储备要求

1.具备一定的自学能力
2.掌握前端HTML/CSS/JavaScript知识
3.熟悉React基础知识,了解React Router和Redux

环境参数

  • 框架 React: ^16.4
  • 框架 Redux:^4.0.0
  • 框架 React Router: ^4.3
  • 环境 node.js : v8.2+
  • 环境 Npm:v5.2+
  • 编辑器 Visual Studio Code

万事俱备 只等你来

  • overflowhidden

    好评

    课买了很多了,太多都是教工具怎么使用,一点简单组件化。毕竟现在前端大多是拿来主义。基本不会怎么深入思考,反正复制粘贴实现就好。一个ui一个组件还感觉组织的不错呢。后来碰到大佬,跟我讲设计模式,如何设计前端的数据。我是嗤之以鼻,有啥用?还不是实现业务么?看了这课,嗤之以鼻就是源于我的无知。我也敢说,这是现在大多码农的想法。几乎没有好好思考怎么组织架构。就单说redux吧,连redux的基本思想都搞不清楚,还责怪redux的模板代码太啰嗦。大佬说:学习工具没用,写代码是最简单的工作,语言都是类似的,多学学语言的设计思想。就不会感叹:别更新了我学不动了!这课牛逼!学吧,不学不知道自己离真正的大佬多远

  • Wendymeow

    好评

    之前自学过React & Redux。React部分相对好学,但是本人快被Redux难哭了。之前写的一些小项目都是直接把redux部分抄过来的,并不很明白为什么要那么写之类的。后来发现艾特老干部老师的课,开始学做todo list,觉得条理非常清晰,逻辑性强,且层层深入,让我逐渐明白了Redux在其中的作用和功能。反复听课,每一遍都有新收获。极力推荐!希望自己今后能坚持跟老师做完这个shopping website的项目,加油!

  • 纯情掉了一地

    好评

    老师应该是科班,或者是学历比较高的,工作经验丰富。 这个视频需要一定的见识和学习能力。 在洋葱数学刚好看到集合的部分,刚好之前也自学过3dmax。 所以在开始阶段听到颗粒度,集合这些概念的时候,一方面感到欣慰,自己的付出没有白费。另一方也感到压力,意识到了相比高学历的,科班的短处就是数学,英语,逻辑思维。 视频教学相比看书自学还是能学到一些“套路”,原本觉得自己还不错,看看文档就可以了。 接下来才刚刚开始,在买课这条路上一去不复返了,有机会进入大厂,就可以少走一些弯路了。

查看全部702条用户评价
提问
数据加载中...
意见反馈 帮助中心 APP下载
官方微信

学习咨询

选课、学习遇到问题?

扫码添加指导老师 1V1 帮助你!

添加后老师会第一时间解决你的问题