淘好源

React技术栈仿大众点评Web App
  • 2022-01-05
  • IT技术
  • 0
  • 353
  • 扫一扫,手机访问
  • 限时 • 优惠
  • 平台资金担保,交易全程无忧
  • 立即抢购
  • 商品特色:
  • 担保交易
  • 自动发货
  • VIP折扣
  • 商品详情
  • 累计评价 0
  • 商品问答
  • 交易规则
  • 立即购买
网盘保存,自动发货
  • 教程格式:
  • 视频 课件 源码 其它综合

image.png

image.pngimage.pngimage.pngimage.pngimage.pngimage.pngimage.png



image.png

image.png


  • 第1章 搭建 webpack + react 开发环境9 节 | 68分钟

    前端开发早就进入工程化的年代,而以 React 为框架开发,就必须使用工程化,目前前端最强大的工程化工具就是 webpack。本章节就讲述如何使用 webpack 搭建一个能自动构建编译 React 的环境,以及使用 npm 作为依赖管理工具。本节学完之后,我们就能将编写的 React 代码自动编译为浏览器可识别的代码,直接使用浏…

    收起列表

    • 视频:1-1 导学1 – 课程简介 (09:20)

    • 视频:1-2 导学2 – 为何用文档代替 PPT- (01:37)

    • 视频:1-3 导学3 – 项目演示效果 (01:31)

    • 视频:1-4 课程说明 (04:59)

    • 视频:1-5 体验npm start 和 npm run build命令 (08:22)

    • 视频:1-6 安装插件 (11:57)

    • 视频:1-7 介绍webpack.config.js(1) (08:26)

    • 视频:1-8 介绍webpack.config.js(2) (12:15)

    • 视频:1-9 介绍webpack.production.config.js (08:36)

  • 第2章 React 基础7 节 | 55分钟

    针对不熟悉 React 基础的同学,本章节就为你介绍 React 的基本使用,从显示最简单的 hello world 开始,到使用组件化制作页面,针对已经熟悉 React 基础的同学,本章节的后半部分讲述了我本人对 React 组件化设计、代码结构的一些思路和经验,而这些技巧是后面实战开发的理论基础,不可忽略。…

    收起列表

    • 视频:2-1 介绍 jsx (06:47)

    • 视频:2-2 jsx 语法几点注意事项 (07:57)

    • 视频:2-3 jsx 事件循环和判断 (09:33)

    • 视频:2-4 代码分离方案 (07:31)

    • 视频:2-5 props 和 state (07:37)

    • 视频:2-6 智能组件和木偶组件 (06:01)

    • 视频:2-7 生命周期 (08:49)

  • 第3章 React 性能优化方案2 节 | 23分钟

    作为一个称职的工程师,考虑性能是必须要做的事情之一。React 如此大型复杂的框架,存在性能问题是可以想象到的,但是官方也提出了优化方案。本章节将介绍如何检测性能问题,以及如何优化 React 的性能。

    收起列表

    • 视频:3-1 优化方案 (13:41)

    • 视频:3-2 todo-list-demo (08:48)

  • 第4章 React-router2 节 | 23分钟

    使用 React 开发的是一个单页面引用程序(即 SPA),SPA的页面跳转必须依靠路由来实现,而 React “御用”的路由工具就是 React-router,本章节介绍 React-router 的使用。

    收起列表

    • 视频:4-1 介绍router-map配置 (12:37)

    • 视频:4-2 跳转和参数 (09:58)

  • 第5章 Redux 基础4 节 | 37分钟

    当程序复杂度提高时,程序中的数据管理就变得很复杂,此时 Redux 就能派上用场。本章节介绍 Redux 的基础,使您对 Redux 有一个初步的了解,因为后面的实战开发,会用到 Redux 来存储数据,这里要把基础打好。

    收起列表

    • 视频:5-1 简单 demo (10:35)

    • 视频:5-2 结合react(1) (10:59)

    • 视频:5-3 结合react(2) (08:07)

    • 视频:5-4 结合react-场景说明 (07:00)

  • 第6章 使用 fetch3 节 | 29分钟

    使用 jQuery 开发页面是,可是使用自带的 ajax 功能获取、提交数据。而使用 React 框架时,就没必要为了 ajax 引用一个 jquery 了,这里我们推荐使用 fetch,最新的 ajax 交互方式,支持 Promise,用起来绝对简洁给力。

    收起列表

    • 视频:6-1 get请求 (11:10)

    • 视频:6-2 post请求 (06:33)

    • 视频:6-3 数据模拟Mock (11:10)

  • 第7章 开发首页22 节 | 168分钟

    前面基础知识介绍完,正式进入实战开发阶段,本章节开发首页。首先分析页面,拆分组件,然后开发组件,拼接页面。给您详细展示从一个空白页面到开发出最终效果的整个过程。

    收起列表

    • 视频:7-1 开发步骤介绍 (06:32)

    • 视频:7-2 路由介绍 (07:03)

    • 视频:7-3 父组件介绍 (06:35)

    • 视频:7-4 获取城市 (09:02)

    • 视频:7-5 存储城市到 Redux (08:44)

    • 视频:7-6 HomeHeader组件(1) (09:43)

    • 视频:7-7 HomeHeader组件(2) (08:47)

    • 视频:7-8 HomeHeader组件(3) (03:53)

    • 视频:7-9 简单轮播图 (07:34)

    • 视频:7-10 获取轮播图 index (05:36)

    • 视频:7-11 轮播图完成 (07:10)

    • 视频:7-12 超值特惠-后端接口 (06:25)

    • 视频:7-13 超值特惠-获取数据 (07:49)

    • 视频:7-14 超值特惠-展示数据 (06:37)

    • 视频:7-15 猜你喜欢-后端数据 (07:02)

    • 视频:7-16 猜你喜欢-获取列表数据 (10:13)

    • 视频:7-17 猜你喜欢-显示标题 (09:25)

    • 视频:7-18 猜你喜欢-显示内容 (04:41)

    • 视频:7-19 加载更多-准备数据 (08:08)

    • 视频:7-20 加载更多-实现功能 (10:30)

    • 视频:7-21 加载更多-下拉效果 (11:11)

    • 视频:7-22 加载更多-总结 (04:42)

  • 第8章 开发城市页面6 节 | 40分钟

    本节讲述城市页面的开发,该页面中将学会如何在 React 中初步使用 Redux 存储简单的数据。

    收起列表

    • 视频:8-1 路由介绍 (06:31)

    • 视频:8-2 跳转链接 (07:06)

    • 视频:8-3 完成Header (06:14)

    • 视频:8-4 当前城市 (04:45)

    • 视频:8-5 修改城市的方法 (08:37)

    • 视频:8-6 修改城市完成 (06:03)

  • 第9章 开发搜索结果页面6 节 | 57分钟

    本节讲述搜索结果页的开发,该页面将为您展示常见的搜索效果如何通过 React 开发出来,并且能深刻体会到路由的使用规则,以及组件可复用带来的好处。

    收起列表

    • 视频:9-1 路由配置 (07:27)

    • 视频:9-2 约束性和非约束性组件 (08:52)

    • 视频:9-3 抽离input-1 (06:30)

    • 视频:9-4 抽离input-2 (08:18)

    • 视频:9-5 SearchHeader组件 (10:44)

    • 视频:9-6 结果列表 (14:40)

  • 第10章 开发详情页5 节 | 49分钟

    本节讲述详情页的开发,通过上两节的实战课程,学生讲会更加快速高效的学会拆分组件,复用已有组件,最后拼装成页面。

    收起列表

    • 视频:10-1 header (09:02)

    • 视频:10-2 获取商户信息 (09:49)

    • 视频:10-3 展示商户信息-1 (09:44)

    • 视频:10-4 展示商户信息-2 (08:48)

    • 视频:10-5 用户评论列表 (11:15)

  • 第11章 开发登录页面3 节 | 27分钟

    本节讲述登录页面的开发,将再次使用 Redux 存储数据,并判断用户的登录状态,以及登录之后跳转的处理。

    收起列表

    • 视频:11-1 路由配置 (05:45)

    • 视频:11-2 登录组件-1 (10:30)

    • 视频:11-3 登录组件-2 (10:02)

  • 第12章 收藏和购买功能6 节 | 46分钟

    通过本节收藏和购买的功能开发,您将体会到更加复杂的 Redux 应用。

    收起列表

    • 视频:12-1 创建子页面 (07:22)

    • 视频:12-2 购买功能 (06:23)

    • 视频:12-3 收藏功能-准备1 (10:01)

    • 视频:12-4 收藏功能-准备2 (06:18)

    • 视频:12-5 收藏功能-准备3 (06:56)

    • 视频:12-6 收藏功能-完成 (08:16)

  • 第13章 开发用户中心页4 节 | 31分钟

    本节讲述用户中心页面的开发,该页面是一个比较基础的页面,跟之前一样拆分组件、复用组件、拼装页面。此时您应该能快速高效的掌握课程的全部内容。

    收起列表

    • 视频:13-1 Header (09:52)

    • 视频:13-2 用户信息 (05:48)

    • 视频:13-3 获取订单 (06:29)

    • 视频:13-4 展示订单 (08:37)

  • 第14章 评价功能5 节 | 36分钟

    通过本节评价功能,您将学会在 React 中如何操作页面变化,即数据驱动视图的开发方式。另外,您将学会使用 fetch 提交数据,而之前都是用 fetch 获取数据。

    收起列表

    • 视频:14-1 评价状态 (05:30)

    • 视频:14-2 显示输入框 (11:27)

    • 视频:14-3 获取评价内容 (08:45)

    • 视频:14-4 提交数据 (06:03)

    • 视频:14-5 总结 (03:49)

  • 第15章 扩展-项目代码版本升级8 节 | 44分钟

    项目代码版本升级,webpack2升级到webpack3。

    收起列表

    • 视频:15-1 补充-build错误解决方案 (03:31)

    • 视频:15-2 升级介绍 (02:56)

    • 视频:15-3 webpack3 升级npm组件 (03:20)

    • 视频:15-4 webpack3 升级配置文件 (06:28)

    • 视频:15-5 webpack3 升级打包命令 (09:07)

    • 视频:15-6 react-router4 升级npm组件 (03:21)

    • 视频:15-7 react-router4 修改router配置 (08:52)

    • 视频:15-8 react-router4 执行命令 (06:20)


  • 商品评价
  • 交易规则
  • 交易流程

    jiaocheng_flow2.jpg

  • 发货方式

    1、自动:在上方保障服务中标有自动发货的商品,拍下后,将会自动收到的商品获取(下载)链接;


  • 交易周期

    1、教程默认交易周期:自动发货商品为1天,买家有1次额外延长3天交易周期的权利;

    2、若上述交易周期双方依然无法完成交易,任意一方可发起追加周期(1~60天)的请求,对方同意即可延长。

    注:买家购买后,请注意及时对购买的资源进行检查,以免过了交易周期。

  • 退款说明

    1、描述:教程描述的内容(含标题)与实际教程不一致的(例:描述PHP实际为ASP、描述的内容实际缺少、视频过于模糊,文档乱码不可读等);

    2、演示:源码类,有演示站时,与实际源码小于95%一致的(但描述中有"不保证完全一样、有变化的可能性"类似显著声明的除外);

  • 4、收货买家无法成功转存到自己网盘上,买家下载后,不能解压或解压出来的内容与商品描述的内容不一致。

  • 5、其他:如质量方面的硬性常规问题等。

    注:经核实符合上述任一,均支持退款。

  • 免责声明

    1、淘好源网作为第三方中介平台,依据交易合同(商品描述、交易前商定的内容)来保障交易的安全及买卖双方的权益;

   2、非平台线上交易的项目,出现任何后果均与淘好源网无关;无论卖家以何理由要求线下交易的,请联系管理举报。

   3.   淘好源网站的资源均由店家上传出售,本站无法判断和识别资源的版权等合法性属性。如果您对本网站上传的信息资源的版权存有异议,请您及时联系

         我们。如果需要删除链接,请下载下面的附件,正确填写信息后并发给我们,本站核实信息真实性后,在24小时内对商品进行删除处理。

         联系邮箱:admin@taohaoyuan.com

(相关事务请发函至该邮箱)附件

 banquan.jpg

  • 认证类型:
  • 个人
  • 商家认证:
  • 工作时间
  • 周一至周日:09:00 - 20:00
  • 描述
    5.00
  • 发货
    5.00
  • 售后
    5.00
已缴保证金300.00
财富第六波,在家创业是趋势
联系我们
Q Q:331799954
电话/微信:13026896029
邮箱:admin@taohaoyuan.com
时间:09:00 - 22:00
宣传
展开