React劲爆新特性Hooks 重构旅游电商网站火车票PWA 【点击下载】 本课程先带你细数最近一年来React的新特性,如Hooks、Redux API,让你从头理解Hooks对传统React开发方式的革命性改变。再利用所学知识,在不同场景下,重构旅游电商网站火车票系统,并使用PWA实现堪比原生APP体验的应用。 适合人群 具备一定React使用经验的人群 具备足够知识应对新型业务开发 想通过学习跟进最新技术栈达到一定技术水平 技术储备要求 熟悉React简单的基础知识 熟悉常见css解决方案 精通HTML、ECMAScript6/7 等语法 另: 1:《React劲爆新特性Hooks 重构旅游电商网站火车票PWA》来自某课网,原价299,由猿人部落整理发布!猿人部落承诺,本站所有课程百分百高清,完整,原画,包含所有的视频+素材+课件+源码,官方同步体验! 2:本站所有课程格式MP4格式无密 可以通过网盘在线学习也可下载到本地,方便快捷! 3: 所有课程全部支持试看任何章节,可通过点击右侧官方微信扫码添加要求试看! 4:官方品质,信誉保证,本站包含某课网,某讯课堂,某易云,饥人谷,某度教育....等上万部课程正在陆续更新,感谢同学们的信任与支持,保证让同学们满意! 5:所有课程都会包更新,只要官方更新本站延迟2-3天就会更新。 6:爱好学习,一直提升自己的小伙伴可以开通会员,享受全站免金币无限制畅快学习! 7:点击下方链接进行试看,在线看默认流畅,调节成原画,最好直接下载到本地是超清! 试看链接:https://pan.baidu.com/s/1j2YzH2jBgh5eU34GT5bvHg 提取码:5hpl 如需咨询请点击 [qq]772441382[/qq] 章节目录: 第1章 课程简介 在这里,你可以知道为什么要学习这门课程,会学习到哪些内容,等等... ...你会了解到学习本课程所需要的先决条件 1-1 关于这门课程,你想了解的都在这里 试看 1-2 看了这一节,对学习更有帮助 试看 第2章 [操作篇]项目搭建 万事万物,都要从项目搭建开始。这一章,你一定要跟着老师一步一步地操作!不然,你可能连门都进不去 ... ... 2-1 创建项目:使用react-create-app构建工具 2-2 编译脚本:react-scripts的作用与工作原理 2-3 解构编译脚本:eject的具体用法 第3章 [新特性]React新特性一览 这一章你可以学到React最近一年来最新最高频使用的新特性,让你紧跟React发展的前沿。 3-1 Context实现跨层级的组件数据传递 3-2 静态属性ContextType访问跨层级组件的数据 3-3 Lazy与Suspense实现延迟加载 3-4 Memo实现指定组件进行渲染 第4章 [新特性]React颠覆性新特性Hooks 这一章主要围绕Hooks这一颠覆性新特性进行学习,从概念入手、细数Hooks的核心内容,最后还会列举常见问题。 4-1 React Hooks的概念与意义 试看 4-2 使用State Hooks 4-3 使用Effect Hooks 4-4 使用Context Hooks 4-5 使用Memo&Callback Hooks 4-6 使用Ref Hooks 4-7 自定义Hooks 4-8 Hooks的使用法则 4-9 Hooks的常见问题 第5章 [新特性]React新特性之Redux 这一章主要是以Redux为核心讲解,讲解了Redux的概念和意义,没有Redux的情况,以及Redux的常用API。 5-1 React Redux的概念与意义 5-2 没有Redux的世界 5-3 Dispatch与Action 5-4 使用Reducer拆解数据更新 5-5 异步Action 第6章 [新特性]渐进式Web App Progress Web Application(渐进式Web应用)是谷歌推出的前沿技术,可以把它理解为国外版的小程序。这一章,学习有关渐进式Web应用的核心以及在项目中的应用。 6-1 PWA简介 6-2 服务工作线程:Service Worker 6-3 “承诺”控制流:Promise 6-4 更优雅的请求:fetch 6-5 资源的缓存系统:Cache API 6-6 消息推送:Notification API 6-7 如何在项目中开启PWA 第7章 [项目篇]火车票业务架构 这一章是本课程项目的最开始,学习项目如何进行技术选型、页面的交互设计,最后要如何准备Mock数据。 7-1 项目业务选型以及演示分析 7-2 项目模块交互设计演示与分析 7-3 项目工程初始化 7-4 为项目搭建Mock Server 第8章 [项目篇]火车票首页 这一章完成火车票首页模块。在这一章将学习如何设计数据结构和模块,使用React Hooks创建第一个组件,并完成火车票首页的所有功能。 8-1 数据结构与模块设计 8-2 顶部导航栏 8-3 始发终到站 8-4 城市选择浮层-顶部搜索栏 8-5 城市选择浮层-城市的异步加载 8-6 城市选择浮层-渲染城市列表 8-7 城市选择浮层-字母快速定位 8-8 城市选择浮层-搜索建议 8-9 出发日期控件 8-10 日期选择浮层-搭建 8-11 日期选择浮层-日历组件(上) 8-12 日期选择浮层-日历组件(下) 8-13 只看高铁&动车控件 8-14 提交按钮控件 第9章 [项目篇]搜索结果页 这一章主要讲解搜索结果页模块。这一章依旧从设计数据结构和模块开始,通过一众React新特性来完成搜索结果页的功能。 9-1 数据结构与模块设计(上) 9-2 数据结构与模块设计(下) 9-3 URL解析与数据请求 9-4 日期导航 9-5 车次列表 9-6 底部筛选按钮栏 9-7 综合筛选浮层-缓存状态(上).mp4 9-8 综合筛选浮层-缓存状态(下).mp4 9-9 综合筛选浮层-时间区间滑块(上) 9-10 综合筛选浮层-时间区间滑块(下) 9-11 综合筛选浮层 - 其他逻辑 9-12 数据联动与缓冲区重构 第10章 [项目篇]座次选择页 这一章主要讲解座次选择页模块。在这一章中,将使用到Redux控制流代码,Hooks自定义一个通用组件,以及lazy懒加载不常用的组件等。 10-1 数据结构与模块设计 10-2 URL解析与数据请求 10-3 车次详细信息 10-4 异步加载时刻表(上) 10-5 异步加载时刻表(下) 10-6 车次列表 第11章 [项目篇]订单填写页 同样的配方,同样的原料。这一章完成订单填写页模块,将学习对现有Hooks组件的通用化改造。 11-1 数据结构与模块设计 11-2 URL解析与数据请求 11-3 乘客信息填写(一) 11-4 乘客信息填写(二) 11-5 -1 乘客信息填写(三) 11-6 -2乘客信息填写(四) 11-7 在线选座 11-8 结算提交 第12章 [提高篇]工程优化 这一章将学习如何控制项目打包体积,怎么对PWA应用进行部署,以及生产环境的部署等内容。 12-1 代码规范格式化 12-2 性能与部署 第13章 课程总结 最后,在这一章,总结一下React的一众新特性,最主要的是Hooks。 13-1 课程总结 本课程已完结 |