⚠️ 重要提醒：课程资源里面的所有加微信什么的不要信，上当受骗与本站无关。

📚 课程介绍

本课程深入讲解React的新特性Hooks，通过实际项目重构去哪儿网火车票PWA，帮助学员掌握React Hooks的使用，以及渐进式Web App（PWA）的构建。

📋 学习前提

1. HTML/CSS基础（网页结构和样式语言） 2. JavaScript入门（网页交互编程语言） 3. React基础（了解React的基本概念和组件）

⭐ 推荐指数

⭐⭐⭐⭐☆ (4/5星)

📖 课程目录

第1章 课程简介

1-1 关于这门课程，你想了解的都在这里

1-2 看了这一节，对学习更有帮助

第2章 项目搭建

2-1 创建项目：使用react-create-app构建工具

2-2 编译脚本：react-scripts的作用与工作原理

2-3 解构编译脚本：eject的具体用法

第3章 React新特性一览

3-1 Context实现跨层级的组件数据传递

3-2 静态属性ContextType访问跨层级组件的数据

3-3 Lazy与Suspense实现延迟加载

3-4 Memo实现指定组件进行渲染

第4章 React颠覆性新特性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

5-1 React Redux的概念与意义

5-2 没有Redux的世界

5-3 Dispatch与Action

5-4 使用Reducer拆解数据更新

5-5 异步Action

第6章 渐进式Web App

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章 火车票业务架构

7-1 项目业务选型以及演示分析

7-2 项目模块交互设计演示与分析

7-3 项目工程初始化

7-4 为项目搭建Mock Serve

第8章 火车票首页

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章 搜索结果页

9-1 数据结构与模块设计(上)

9-2 数据结构与模块设计(下)

9-3 URL解析与数据请求

9-4 日期导航

9-5 车次列表

9-6 底部筛选按钮栏

9-7 综合筛选浮层-缓存状态(上)

9-8 综合筛选浮层-缓存状态(下)

9-9 综合筛选浮层-时间区间滑块(上)

9-10 综合筛选浮层-时间区间滑块(下)

9-11 综合筛选浮层 – 其他逻辑

9-12 数据联动与缓冲区重构

第10章 座次选择页

10-1 数据结构与模块设计

10-2 URL解析与数据请求

10-3 车次详细信息

10-4 异步加载时刻表(上)

10-5 异步加载时刻表(下)

10-6 车次列表

第11章 订单填写页

11-1 数据结构与模块设计

11-2 URL解析与数据请求

11-3 乘客信息填写(一)

11-4 乘客信息填写(二)

11-5 -1 乘客信息填写(三)

11-6 -2乘客信息填写(四)

11-7 在线选座

11-8 结算提交

第12章 工程优化

12-1 代码规范格式化

12-2 性能与部署

第13章 课程总结

13 课程总结

声明：本站所有文章，如无特殊说明或标注，均为本站原创发布。任何个人或组织，在未征得本站同意时，禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益，可联系我们进行处理。