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

《React劲爆新特性Hooks：重构旅游电商网站火车票PWA》是一套以React现代化开发技术为核心的实战型课程，通过完整的旅游电商项目，带领学员深入学习React Hooks及其在真实业务场景中的应用。课程不局限于单纯讲解API，而是以火车票、旅游产品等实际业务模块为载体，从项目架构设计到功能开发，再到性能优化与PWA能力建设，系统掌握现代React项目开发流程。

课程重点围绕React Hooks展开，深入学习useState、useEffect、useContext、useReducer、useMemo、useCallback以及自定义Hooks等核心特性，理解函数式组件与Hooks的设计思想，并通过实际项目解决状态管理、组件复用、异步请求、数据处理以及复杂业务逻辑等开发问题。同时结合组件化开发理念，提升代码的可维护性、可复用性与工程化水平。

项目实战部分将围绕旅游电商网站展开，涵盖首页、城市选择、车票查询、车次列表、订单及相关业务页面的开发，并结合接口请求、路由管理、状态管理等技术，实现较为完整的前端业务流程。课程还将深入介绍PWA（Progressive Web App）技术，包括Service Worker、离线缓存、资源缓存、Web App Manifest等内容，让传统Web应用具备更接近原生App的使用体验。

通过完整的项目重构与开发实践，学员可以将React Hooks、组件化、状态管理、PWA以及前端工程化等知识融会贯通，进一步提升解决复杂业务问题的能力。适合已经具备一定JavaScript和React基础，希望学习React新特性、掌握现代前端开发模式，并通过真实项目提升实战能力的开发者。

课程截图：

课程目录：

└── 348 – React劲爆新特性Hooks 重构去哪儿网火车票PWA-1/
├── 第1章 课程简介/
│ ├── 1-1 关于这门课程，你想了解的都在这里[7].mp4
│ └── 1-2 看了这一节，对学习更有帮助[7].mp4
├── 第2章 [操作篇]项目搭建/
│ ├── 2-1 创建项目：使用react-create-app构建工具[7].mp4
│ ├── 2-2 编译脚本：react-scripts的作用与工作原理[7].mp4
│ └── 2-3 解构编译脚本：eject的具体用法[7].mp4
├── 第3章 [新特性]React新特性一览/
│ ├── 3-1 Context实现跨层级的组件数据传递[7].mp4
│ ├── 3-2 静态属性ContextType访问跨层级组件的数据[7].mp4
│ ├── 3-3 Lazy与Suspense实现延迟加载[7].mp4
│ └── 3-4 Memo实现指定组件进行渲染[7].mp4
├── 第4章 [新特性]React颠覆性新特性Hooks/
│ ├── 4-1 React Hooks的概念与意义[7].mp4
│ ├── 4-2 使用State Hooks[7].mp4
│ ├── 4-3 使用Effect Hooks[7].mp4
│ ├── 4-4 使用Context Hooks[7].mp4
│ ├── 4-5 使用Memo&Callback Hooks[7].mp4
│ ├── 4-6 使用Ref Hooks[7].mp4
│ ├── 4-7 自定义Hooks[7].mp4
│ ├── 4-8 Hooks的使用法则[7].mp4
│ └── 4-9 Hooks的常见问题[7].mp4
├── 第5章 [新特性]React新特性之Redux/
│ ├── 5-1 React Redux的概念与意义[7].mp4
│ ├── 5-2 没有Redux的世界[7].mp4
│ ├── 5-3 Dispatch与Action[7].mp4
│ ├── 5-4 使用Reducer拆解数据更新[7].mp4
│ └── 5-5 异步Action[7].mp4
├── 第6章 [新特性]渐进式Web App/
│ ├── 6-1 PWA简介[7].mp4
│ ├── 6-2 服务工作线程：Service Worker[7].mp4
│ ├── 6-3 “承诺”控制流：Promise[7].mp4
│ ├── 6-4 更优雅的请求：fetch[7].mp4
│ ├── 6-5 资源的缓存系统：Cache API[7].mp4
│ ├── 6-6 消息推送：Notification API[7].mp4
│ └── 6-7 如何在项目中开启PWA[7].mp4
├── 第7章 [项目篇]火车票业务架构/
│ ├── 7-1 项目业务选型以及演示分析[7].mp4
│ ├── 7-2 项目模块交互设计演示与分析[7].mp4
│ ├── 7-3 项目工程初始化[7].mp4
│ └── 7-4 为项目搭建Mock Serve[7].mp4
├── 第8章 [项目篇]火车票首页/
│ ├── 8-1 数据结构与模块设计[7].mp4
│ ├── 8-2 顶部导航栏[7].mp4
│ ├── 8-3 始发终到站[7].mp4
│ ├── 8-4 城市选择浮层-顶部搜索栏[7].mp4
│ ├── 8-5 城市选择浮层-城市的异步加载[7].mp4
│ ├── 8-6 城市选择浮层-渲染城市列表[7].mp4
│ ├── 8-7 城市选择浮层-字母快速定位[7].mp4
│ ├── 8-8 城市选择浮层-搜索建议[7].mp4
│ ├── 8-9 出发日期控件[7].mp4
│ ├── 8-10 日期选择浮层-搭建[7].mp4
│ ├── 8-11 日期选择浮层-日历组件[7].mp4
│ ├── 8-12 日期选择浮层-日历组件[7].mp4
│ ├── 8-13 只看高铁&动车控件[7].mp4
│ └── 8-14 提交按钮控件[7].mp4
├── 第9章 [项目篇]搜索结果页/
│ ├── 9-1 数据结构与模块设计[7].mp4
│ ├── 9-2 数据结构与模块设计[7].mp4
│ ├── 9-3 URL解析与数据请求[7].mp4
│ ├── 9-4 日期导航[7].mp4
│ ├── 9-5 车次列表[7].mp4
│ ├── 9-6 底部筛选按钮栏[7].mp4
│ ├── 9-7 综合筛选浮层-缓存状态[7].mp4
│ ├── 9-8 综合筛选浮层-缓存状态[7].mp4
│ ├── 9-9 综合筛选浮层-时间区间滑块[7].mp4
│ ├── 9-10 综合筛选浮层-时间区间滑块[7].mp4
│ ├── 9-11 综合筛选浮层 – 其他逻辑[7].mp4
│ └── 9-12 数据联动与缓冲区重构[7].mp4
├── 第10章 [项目篇]座次选择页/
│ ├── 10-1 数据结构与模块设计[7].mp4
│ ├── 10-2 URL解析与数据请求[7].mp4
│ ├── 10-3 车次详细信息[7].mp4
│ ├── 10-4 异步加载时刻表[7].mp4
│ ├── 10-5 异步加载时刻表[7].mp4
│ └── 10-6 车次列表[7].mp4
├── 第11章 [项目篇]订单填写页/
│ ├── 11-1 数据结构与模块设计[7].mp4
│ ├── 11-2 URL解析与数据请求[7].mp4
│ ├── 11-3 乘客信息填写[7].mp4
│ ├── 11-4 乘客信息填写[7].mp4
│ ├── 11-5 -1 乘客信息填写[7].mp4
│ ├── 11-6 -2乘客信息填写[7].mp4
│ ├── 11-7 在线选座[7].mp4
│ └── 11-8 结算提交[7].mp4
├── 第12章 [提高篇]工程优化/
│ ├── 12-1 代码规范格式化[7].mp4
│ └── 12-2 性能与部署[7].mp4
├── 第13章 课程总结/
│ └── 13 课程总结[7].mp4
└── 课程资料/
└── 资料.7z