React劲爆新特性Hooks 重构去哪儿网火车票PWA-299元-完结

前端开发

课程简介

React Hooks 实战：重构去哪儿网火车票 PWA 这门课程以 React Hooks 为核心，结合去哪儿网火车票 PWA 项目，帮助开发者掌握现代前端开发中状态管理与组件组织的关键技巧。课程通过重构一个真实项目，展示 Hooks 在替代类组件、简化逻辑、提升可维护性方面的实际优势，尤其适合希望用 Hooks 重构已有项目或深入理解其原理的开发者。…

已有 23 人浏览发布 2026-01-12 更新 2026-10-09

React Hooks 实战：重构去哪儿网火车票 PWA

这门课程以 React Hooks 为核心，结合去哪儿网火车票 PWA 项目，帮助开发者掌握现代前端开发中状态管理与组件组织的关键技巧。课程通过重构一个真实项目，展示 Hooks 在替代类组件、简化逻辑、提升可维护性方面的实际优势，尤其适合希望用 Hooks 重构已有项目或深入理解其原理的开发者。

学习门槛与建议顺序

课程要求学员具备基础的 React 知识，尤其熟悉函数组件与类组件的基本区别，以及状态和生命周期的基本概念。建议先掌握 React 函数组件、状态更新与事件处理，再进入 Hooks 的学习。课程内容从模块拆分开始，逐步过渡到数据获取、状态管理及 PWA 特性实现，形成清晰的学习路径，帮助开发者循序渐进地理解 Hooks 在复杂项目中的应用方式。

学完能独立完成什么

通过本课程的学习，开发者将能够独立完成 PWA 应用的结构优化与功能实现，特别是基于 Hooks 的状态管理与组件逻辑重构。课程中涉及 URL 解析、异步请求、数据展示等模块，不仅帮助理解 Hook 的使用方式，也提升了对 PWA 技术栈的整体认知。学完后，可基于类似项目进行扩展，如实现更复杂的状态交互、页面缓存与离线功能，具备实际工程落地能力。

资料包包含完整的项目代码与视频讲解，建议学员按视频顺序逐步实现对应模块，注意对比原类组件结构与 Hooks 版本的差异，理解其背后的设计思想。通过代码实践，开发者能够更深刻地掌握 Hooks 的使用场景与最佳实践，从而在真实项目中灵活运用，提高开发效率与代码质量。

<h1>课程目录</h1>
/q5-007-React劲爆新特性Hooks 重构去哪儿网火车票PWA-299元-完结/
│├─1-2 看了这一节，对学习更有帮助.mp4 31.7MB
│├─10-1 数据结构与模块设计.mp4 107.8MB
│├─10-2 URL解析与数据请求.mp4 143.7MB
│├─10-3 车次详细信息.mp4 120.7MB
│├─10-4 异步加载时刻表(上).mp4 87.2MB
│├─10-5 异步加载时刻表(下).mp4 96.2MB
│├─10-6 车次列表.mp4 138.1MB
│├─11-1 数据结构与模块设计.mp4 77.1MB
│├─11-2 URL解析与数据请求.mp4 128.5MB
│├─11-3 乘客信息填写(一).mp4 112.9MB
│├─11-4 乘客信息填写(二).mp4 137.8MB
│├─11-5 乘客信息填写(三).mp4 104.1MB
│├─11-6乘客信息填写(四).mp4 173.5MB
│├─11-7 在线选座.mp4 72.3MB
│├─11-8 结算提交.mp4 55.5MB
│├─12-1 代码规范格式化.mp4 79.3MB
│├─12-2 性能与部署.mp4 117.6MB
│├─13-1 课程总结.mp4 25.7MB
│├─2-1 创建项目：使用react-create-app构建工具.mp4 9MB
│├─2-2 2-3 解构编译脚本：eject的具体用法编译脚本：react-scripts的作用与工作原理.mp4 56.2MB
│├─3-1 Context实现跨层级的组件数据传递.mp4 50.8MB
│├─3-2 3-3 Lazy与Suspense实现延迟加载静态属性ContextType访问跨层级组件的数据.mp4 62.9MB
│├─3-4 Memo实现指定组件进行渲染.mp4 66.1MB
│├─4-1 React Hooks的概念与意义.mp4 27.8MB
│├─4-2 使用State Hooks.mp4 68MB
│├─4-3.mp4 84.1MB
│├─4-4 4-5 使用Memo&Callback Hooks 使用Context Hooks.mp4 89.5MB
│├─4-6 使用Ref Hooks.mp4 42.1MB
│├─4-7 4-8 Hooks的使用法则自定义Hooks.mp4 62.1MB
│├─4-9 Hooks的常见问题.mp4 25.5MB
│├─5-1 React Redux的概念与意义.mp4 7.5MB
│├─5-2 没有Redux的世界.mp4 145.4MB
│├─5-3 Dispatch与Action.mp4 126.5MB
│├─5-4 使用Reducer拆解数据更新.mp4 106.8MB
│├─5-5 异步Action.mp4 57.2MB
│├─6-1 PWA简介.mp4 12.2MB
│├─6-2 服务工作线程：Service Worker.mp4 41.1MB
│├─6-3 “承诺”控制流：Promise.mp4 23MB
│├─6-4 更优雅的请求：fetch.mp4 26MB
│├─6-5 资源的缓存系统：Cache API.mp4 49.9MB
│├─6-6 消息推送：Notification API.mp4 16.6MB
│├─6-7 如何在项目中开启PWA.mp4 19MB
│├─7-1 项目业务选型以及演示分析.mp4 10.9MB
│├─7-2 项目模块交互设计演示与分析.mp4 22.5MB
│├─7-3 项目工程初始化.mp4 79.4MB
│├─7-4 为项目搭建Mock Server.mp4 21MB
│├─8-1 数据结构与模块设计.mp4 139.5MB
│├─8-10 日期选择浮层-搭建.mp4 42.6MB
│├─8-11 日期选择浮层-日历组件(上)8-11 日期选择浮层-日历组件(上).mp4 103.8MB
│├─8-12 日期选择浮层-日历组件(下).mp4 88.8MB
│├─8-13 只看高铁&动车控件.mp4 45.4MB
│├─8-14 提交按钮控件.mp4 22.8MB
│├─8-2 顶部导航栏.mp4 32.5MB
│├─8-3 始发终到站.mp4 87.1MB
│├─8-4 城市选择浮层-顶部搜索栏.mp4 118.7MB
│├─8-5 城市选择浮层-城市的异步加载.mp4 83.4MB
│├─8-6 城市选择浮层-渲染城市列表.mp4 97MB
│├─8-7 城市选择浮层-字母快速定位.mp4 69.9MB
│├─8-8 城市选择浮层-搜索建议.mp4 82.1MB
│├─8-9 出发日期控件.mp4 78.6MB
│├─9-1 数据结构与模块设计(上).mp4 68.3MB
│├─9-2 数据结构与模块设计(下).mp4 101.3MB
│├─9-3 URL解析与数据请求.mp4 118.7MB
│├─9-4 日期导航.mp4 96.8MB
│├─9-5 车次列表.mp4 65.2MB
│├─9-6 底部筛选按钮栏.mp4 94.7MB
│├─9-7 综合筛选浮层-缓存状态(上).mp4.mp4 166.3MB
│├─9-8 综合筛选浮层-缓存状态(下).mp4.mp4 127.7MB
│├─9-9 9-10 数据联动与缓冲区重构综合筛选浮层 – 其他逻辑.mp4 262.9MB
│├─train-ticket-master.zip 205.4KB

课程目录

第1章 课程简介
第2章 [操作篇]项目搭建
第3章 [新特性]React新特性一览
第4章 [新特性]React颠覆性新特性Hooks
第5章 [新特性]React新特性之Redux
第6章 [新特性]渐进式Web App
第7章 [项目篇]火车票业务架构
第8章 [项目篇]火车票首页
第9章 [项目篇]搜索结果页
第10章 [项目篇]座次选择页
第11章 [项目篇]订单填写页
第12章 [提高篇]工程优化
第13章 课程总结