24x资源网

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

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

  • 本站均为资源介绍,仅限用于学习和研究,不得将上述内容用于商业或者非法用途,
  • 否则一切后果请用户自负。您必须在下载后的24个小时之内,从您的电脑中彻底删除
  • 如果喜欢该资源请支持正版。如发现本站有侵权违法内容,请联系后查实将立刻删除。
  • 资源简介:React劲爆新特性Hooks 重构旅游电商网站火车票PWA
  • 详细描述

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


    第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 课程总结
    本课程已完结

     
    React劲爆新特性Hooks 重构旅游电商网站火车票PWA
    百度网盘分享地址: 链接: https://pan.baidu.com/s/1U1NqWpXqyCI56DWGvPQF3g 提取码: ga7d
    2米资源网