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

# React劲爆新特性Hooks 重构旅游电商网站火车票PWA
**本课程先带你细数最近一年来React的新特性，如Hooks、Redux API，让你从头理解Hooks对传统React开发方式的革命性改变。再利用所学知识，在不同场景下，重构旅游电商网站火车票系统，并使用PWA实现堪比原生APP体验的应用。**  
**适合人群**   
****具备一定React使用经验的人群****  
**具备足够知识应对新型业务开发**  
**想通过学习跟进最新技术栈达到一定技术水平**  
**技术储备要求**   
****熟悉React简单的基础知识****  
**熟悉常见css解决方案**  
**精通HTML、ECMAScript6/7 等语法**  
另: 
1：本教程来自某课网，原价299,现由本站整理发布！本站所有课程百分百高清，完整，原画，包含所有的视频+素材+课件+源码
2：本站所有课程格式MP4格式无密 可以通过网盘在线学习也可下载到本地，方便快捷！

## 1. 重要提示
本商品是虚拟资源,付费后会将商品的百度分享链接回显到网页,同时发送到你填写的邮箱
## 视频试看
**试看内容为随机抽选的**
链接：https://pan.baidu.com/s/1Xo-sh1u8fNi6uHEfub3tOA 
提取码：d0lj

## 2. 视频主要课程列表如下
第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 课程总结

获取资源

热门资源

热门电子书

热门资源

热门电子书

友情提示