React劲爆新特性Hooks 重构旅游电商网站火车票PWA | 完结

小七学习网,助您升职加薪,遇问题可联系:客服微信【1099252741】 备注:来自网站

"快手"大神手把手教你制作堪比原生APP体验的PWA应用,进阶React高级开发
课程先带你细数最近一年来React的新特性,如Hooks、Redux API,让你从头理解Hooks对传统React开发方式的革命性改变。再利用所学知识,在不同场景下,重构旅游电商网站火车票系统,并使用PWA实现堪比原生APP体验的应用。

"快手"大神手把手教你制作堪比原生APP体验的PWA应用,进阶React高级开发
课程先带你细数最近一年来React的新特性,如Hooks、Redux API,让你从头理解Hooks对传统React开发方式的革命性改变。再利用所学知识,在不同场景下,重构旅游电商网站火车票系统,并使用PWA实现堪比原生APP体验的应用。

〖课程目录〗:

  • 第1章 课程简介 试看2 节 | 34分钟
  • 在这里,你可以知道为什么要学习这门课程,会学习到哪些内容,等等… …你会了解到学习本课程所需要的先决条件
  • 收起列表
    • 视频:1-1 关于这门课程,你想了解的都在这里 (17:09)试看
    • 视频:1-2 看了这一节,对学习更有帮助 (16:33)试看
  • 第2章 [操作篇]项目搭建3 节 | 13分钟
  • 万事万物,都要从项目搭建开始。这一章,你一定要跟着老师一步一步地操作!不然,你可能连门都进不去 … …
  • 收起列表
    • 视频:2-1 创建项目:使用react-create-app构建工具 (03:22)
    • 视频:2-2 编译脚本:react-scripts的作用与工作原理 (05:31)
    • 视频:2-3 解构编译脚本:eject的具体用法 (03:39)
  • 第3章 [新特性]React新特性一览4 节 | 44分钟
  • 这一章你可以学到React最近一年来最新最高频使用的新特性,让你紧跟React发展的前沿。
  • 收起列表
    • 视频:3-1 Context实现跨层级的组件数据传递 (14:40)
    • 视频:3-2 静态属性ContextType访问跨层级组件的数据 (03:26)
    • 视频:3-3 Lazy与Suspense实现延迟加载 (12:02)
    • 视频:3-4 Memo实现指定组件进行渲染 (12:54)
  • 第4章 [新特性]React颠覆性新特性Hooks 试看11 节 | 94分钟
  • 这一章主要围绕Hooks这一颠覆性新特性进行学习,从概念入手、细数Hooks的核心内容,最后还会列举常见问题。
  • 收起列表
    • 视频:4-1 React Hooks的概念与意义 (09:28)试看
    • 视频:4-2 使用State Hooks (13:59)
    • 视频:4-3 使用Effect Hooks (19:11)
    • 视频:4-4 使用Context Hooks (06:43)
    • 视频:4-5 使用Memo&Callback Hooks (14:25)
    • 视频:4-6 使用Ref Hooks (08:11)
    • 作业:4-7 【讨论题】使用 Ref Hooks
    • 视频:4-8 自定义Hooks (08:21)
    • 视频:4-9 Hooks的使用法则 (03:46)
    • 视频:4-10 Hooks的常见问题 (09:45)
    • 作业:4-11 【讨论题】Hooks的常见问题
  • 第5章 [新特性]React新特性之Redux5 节 | 76分钟
  • 这一章主要是以Redux为核心讲解,讲解了Redux的概念和意义,没有Redux的情况,以及Redux的常用API。
  • 收起列表
    • 视频:5-1 React Redux的概念与意义 (04:22)
    • 视频:5-2 没有Redux的世界 (24:30)
    • 视频:5-3 Dispatch与Action (21:27)
    • 视频:5-4 使用Reducer拆解数据更新 (13:48)
    • 视频:5-5 异步Action (11:24)
  • 第6章 [新特性]渐进式Web App7 节 | 56分钟
  • Progress Web Application(渐进式Web应用)是谷歌推出的前沿技术,可以把它理解为国外版的小程序。这一章,学习有关渐进式Web应用的核心以及在项目中的应用。
  • 收起列表
    • 视频:6-1 PWA简介 (05:43)
    • 视频:6-2 服务工作线程:Service Worker (12:27)
    • 视频:6-3 “承诺”控制流:Promise (08:44)
    • 视频:6-4 更优雅的请求:fetch (06:14)
    • 视频:6-5 资源的缓存系统:Cache API (10:34)
    • 视频:6-6 消息推送:Notification API (07:02)
    • 视频:6-7 如何在项目中开启PWA (04:16)
  • 第7章 [项目篇]火车票业务架构4 节 | 39分钟
  • 这一章是本课程项目的最开始,学习项目如何进行技术选型、页面的交互设计,最后要如何准备Mock数据。
  • 收起列表
    • 视频:7-1 项目业务选型以及演示分析 (04:26)
    • 视频:7-2 项目模块交互设计演示与分析 (07:55)
    • 视频:7-3 项目工程初始化 (18:31)
    • 视频:7-4 为项目搭建Mock Server (07:50)
  • 第8章 [项目篇]火车票首页15 节 | 184分钟
  • 这一章完成火车票首页模块。在这一章将学习如何设计数据结构和模块,使用React Hooks创建第一个组件,并完成火车票首页的所有功能。
  • 收起列表
    • 视频:8-1 数据结构与模块设计 (26:35)
    • 视频:8-2 顶部导航栏 (08:09)
    • 视频:8-3 始发终到站 (14:43)
    • 视频:8-4 城市选择浮层-顶部搜索栏 (21:05)
    • 视频:8-5 城市选择浮层-城市的异步加载 (12:01)
    • 视频:8-6 城市选择浮层-渲染城市列表 (15:00)
    • 视频:8-7 城市选择浮层-字母快速定位 (09:51)
    • 作业:8-8 【讨论题】城市选择浮层-字母快速定位
    • 视频:8-9 城市选择浮层-搜索建议 (12:09)
    • 视频:8-10 出发日期控件 (14:20)
    • 视频:8-11 日期选择浮层-搭建 (08:37)
    • 视频:8-12 日期选择浮层-日历组件(上) (16:30)
    • 视频:8-13 日期选择浮层-日历组件(下) (12:04)
    • 视频:8-14 只看高铁&动车控件 (06:53)
    • 视频:8-15 提交按钮控件 (05:39)
  • 第9章 [项目篇]搜索结果页14 节 | 189分钟
  • 这一章主要讲解搜索结果页模块。这一章依旧从设计数据结构和模块开始,通过一众React新特性来完成搜索结果页的功能。
  • 收起列表
    • 视频:9-1 数据结构与模块设计(上) (16:26)
    • 视频:9-2 数据结构与模块设计(下) (10:15)
    • 视频:9-3 URL解析与数据请求 (19:02)
    • 视频:9-4 日期导航 (15:27)
    • 视频:9-5 车次列表 (12:15)
    • 视频:9-6 底部筛选按钮栏 (12:38)
    • 视频:9-7 综合筛选浮层-缓存状态(上) (16:16)
    • 视频:9-8 综合筛选浮层-缓存状态(下) (15:30)
    • 作业:9-9 【讨论题】综合筛选浮层-缓存状态(下)
    • 视频:9-10 综合筛选浮层-时间区间滑块(上) (17:22)
    • 视频:9-11 综合筛选浮层-时间区间滑块(下) (18:12)
    • 作业:9-12 【讨论题】综合筛选浮层-时间区间滑块(下)
    • 视频:9-13 综合筛选浮层 – 其他逻辑 (18:51)
    • 视频:9-14 数据联动与缓冲区重构 (16:26)
  • 第10章 [项目篇]座次选择页6 节 | 108分钟
  • 这一章主要讲解座次选择页模块。在这一章中,将使用到Redux控制流代码,Hooks自定义一个通用组件,以及lazy懒加载不常用的组件等。
  • 收起列表
    • 视频:10-1 数据结构与模块设计 (17:34)
    • 视频:10-2 URL解析与数据请求 (20:06)
    • 视频:10-3 车次详细信息 (16:31)
    • 视频:10-4 异步加载时刻表(上) (14:12)
    • 视频:10-5 异步加载时刻表(下) (14:26)
    • 视频:10-6 车次列表 (24:31)
  • 第11章 [项目篇]订单填写页8 节 | 129分钟
  • 同样的配方,同样的原料。这一章完成订单填写页模块,将学习对现有Hooks组件的通用化改造。
  • 收起列表
    • 视频:11-1 数据结构与模块设计 (13:13)
    • 视频:11-2 URL解析与数据请求 (19:54)
    • 视频:11-3 乘客信息填写(一) (19:01)
    • 视频:11-4 乘客信息填写(二) (18:48)
    • 视频:11-5 -1 乘客信息填写(三) (18:16)
    • 视频:11-6 -2乘客信息填写(四) (17:52)
    • 视频:11-7 在线选座 (11:47)
    • 视频:11-8 结算提交 (10:04)
  • 第12章 [提高篇]工程优化2 节 | 30分钟
  • 这一章将学习如何控制项目打包体积,怎么对PWA应用进行部署,以及生产环境的部署等内容。
  • 收起列表
    • 视频:12-1 代码规范格式化 (14:52)
    • 视频:12-2 性能与部署 (15:02)
  • 第13章 课程总结1 节 | 13分钟
  • 最后,在这一章,总结一下React的一众新特性,最主要的是Hooks。
  • 收起列表
    • 视频:13-1 课程总结 (12:07)

React劲爆新特性Hooks 重构旅游电商网站火车票PWA

React劲爆新特性Hooks 重构旅游电商网站火车票PWA
免责声明: 1、本站信息来自网络,版权争议与本站无关 2、本站所有主题由该帖子作者发表,该帖子作者与本站享有帖子相关版权 3、其他单位或个人使用、转载或引用本文时必须同时征得该帖子作者和本站的同意 4、本帖部分内容转载自其它媒体,但并不代表本站赞同其观点和对其真实性负责 5、用户所发布的一切软件的解密分析文章仅限用于学习和研究目的;不得将上述内容用于商业或者非法用途,否则,一切后果请用户自负。 6、您必须在下载后的24个小时之内,从您的电脑中彻底删除上述内容。 7、请支持正版软件、得到更好的正版服务。 8、如有侵权请立即告知本站(邮箱:1099252741@qq.com,备用微信:1099252741),本站将及时予与删除 9、本站所发布的一切破解补丁、注册机和注册信息及软件的解密分析文章和视频仅限用于学习和研究目的;不得将上述内容用于商业或者非法用途,否则,一切后果请用户自负。本站信息来自网络,版权争议与本站无关。您必须在下载后的24个小时之内,从您的电脑中彻底删除上述内容。如果您喜欢该程序,请支持正版软件,购买注册,得到更好的正版服务。如有侵权请邮件与我们联系处理。
(0)
上一篇 2022年6月19日 上午11:19
下一篇 2022年6月19日 上午11:19

小七学习网,助您升职加薪,遇问题可联系:客服微信【1099252741】 备注:来自网站

相关推荐

  • Spring Cloud Alibaba微服务从入门到进阶 | 完结

    面向未来微服务:Spring Cloud Alibaba从入门到进阶
    一站式 体系化掌握Alibaba微服务完整生态
    Spring Cloud Alibaba是阿里微服务的解决方案与精华沉淀。学习本课程,能熟练掌握Spring Cloud Alibaba的使用和原理,并带领大家从0开始编写一个学习笔记微信小程序,在实践中深入理解微服务思想。

    2022年6月19日
    192
  • Spring Boot + Vue3 前后端分离 实战wiki知识库系统 | 完结

    从Spring Boot 接口设计到 Vue 思想实践,从框架搭建到部署上线,完整开发全栈项目
    通过一个界面简约、功能完整的知识库项目,带你快速掌握Spring Boot核心知识+ Vue全家桶全栈技能。在此过程中,打造一套通用的组件工具(可应用于其他项目),掌握前后端分离开发模式,搭建一个专属自己的、内容可灵活配置的知识库系统。

    2022年6月19日
    212
  • Vue全家桶实战 从零独立开发企业级电商系统 | 完结

    真实服务端数据对接,体验中大型电商项目开发。新增Vue3.0部分,带你迅速了解Vue3.0特性与实际应用。
    课程以Vue全家桶作为主要的技术体系,模拟小米商城,从0开始开发网页和交互功能。你学习丰富的技术栈和各类组件知识,还能了解Git、动画、开发调试等方面的知识。同时项目本身具有很强的实用性,稍作修改,便能“为我所用”。

    2022年6月19日
    201
  • 混合开发入门 Vue结合Android/iOS 开发仿京东项目App | 完结

    前端、原生开发同学都应学习的一门主流混合开发课程
    本课程融合Vue、Android等流行的前端和移动端技术,混合开发经典电商APP——京东。课程将复杂功能与知识点完美融合,带你真实感受到明星级产品开发的全过程。除此之外,还有一流用户体验和优秀交互设计等你一探究竟,拓宽开发眼界。

    2022年6月19日
    183
  • 部署落地 Kubernetes(k8s)生产级实践指南 从部署到核心应用 | 完结

    新版Kubernetes生产落地全程实践
    掌握k8s核心功能&进阶技能 拥抱容器化时代
    本课程从集群部署到业务迁移、持续集成再到核心知识点梳理,既能快速入门k8s,又能提升k8s生产落地能力,助你少走弯路,避免踩坑。

    2022年6月19日
    158
  • Flutter高级进阶实战 仿哔哩哔哩APP | 完结

    Flutter高级进阶实战 仿哔哩哔哩APP 一次性深度掌握Flutter高阶技能
    一次性深度掌握Flutter高阶技能+商业级复杂项目架构设计与开发方案
    近年来各大公司对Flutter技能的要求越来越高,甚至设立了专门岗位,但掌握Flutter高阶技能的人才寥寥无几,市面上干货Flutter高阶课程少之又少,导致Flutter高阶人才缺口大。为此我们专门为大家设计了这门课程,助力你早日成为企业抢手的新一代工程师。

    2022年6月19日
    304
  • React16+React-Router4 从零打造企业级电商后台管理系统 | 完结

    让缺乏框架开发经验的你掌握框架开发,玩转业内主流技术
    课程针对有一些前端基础,但对前端框架还不够了解,不能灵活使用的同学,手把手带你用React+React-Router从技术选型开始,直至部署上线,开发一个后台管理系统,让你在实际开发中,打开前端框架的大门,告别小白时代!

    2022年6月19日
    167
  • BAT大牛亲授 个性化推荐算法实战 | 完结

    个性化推荐算法实战(可用于毕设) BAT大牛亲授
    结合多年项目实战经验,让你掌握一套完整的,能落地的个性化推荐算法体系!
    推荐算法工程师已成为各个大厂炙手可热的岗位,社招起步薪资20k+!本课程,讲师从算法原理到代码实战,细致的讲解个性化推荐算法如何在开发中落地,让你可以建立起自己的推荐算法体系。同时也可以让你掌握算法公式,模型参数迭代等技术的微小细节。

    2022年6月19日
    272
  • 告别996 双角度优化编程效率 实现Java高效编程 | 完结

    告别996 实现高效编程 减少开发压力
    掌握Java高效编程秘诀 助你在未来展翅高飞

    本课程致力于从“技术”和“工具”两大维度提高Java编程效率,主要包含:链式编程、流式编程、资源关闭、Google开源高效神器Guava、为自己锻造高效IDE神器等,极大化提升工作效率,契合企业刚需

    2022年6月19日
    266
  • 遇问题可联系 / 客服微信【1099252741】
  • Tornado从入门到进阶 打造支持高并发的技术论坛 | 完结

    异步IO开发核心原理/全面涉及Form,异步ORM/前后端分离项目/异步文件写入
    在本课程中,我们从tornado的基础开发到项目实战进行系统讲解,覆盖理论与实践,完成本课程可以更透彻的理解异步IO并发编程思想,以及正确使用tornado进行并发编程,做一个支持高并发的技术论坛项目!

    2022年6月19日
    251