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创建第一个组件，并完成火车票首页的所有功能。

• 第9章 [项目篇]搜索结果页

  这一章主要讲解搜索结果页模块。这一章依旧从设计数据结构和模块开始，通过一众React新特性来完成搜索结果页的功能。

• 第10章 [项目篇]座次选择页

  这一章主要讲解座次选择页模块。在这一章中，将使用到Redux控制流代码，Hooks自定义一个通用组件，以及lazy懒加载不常用的组件等。

• 第11章 [项目篇]订单填写页

  同样的配方，同样的原料。这一章完成订单填写页模块，将学习对现有Hooks组件的通用化改造。

• 第12章 [提高篇]工程优化

  这一章将学习如何控制项目打包体积，怎么对PWA应用进行部署，以及生产环境的部署等内容。

• 第13章 课程总结

  最后，在这一章，总结一下React的一众新特性，最主要的是Hooks。

标签：一章,项目,Hooks,特性,React,PWA,Redux
来源： https://blog.csdn.net/momo9831/article/details/90543511