IT慕课吧

 找回密码
 注册会员
搜索
热搜: java php springboot
查看: 1211|回复: 4

2019最新 React 重构哪儿网火车票PWA

[复制链接]

升级   100%

664

主题

806

帖子

3723

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
3723
发表于 2019-11-10 10:36:48 | 显示全部楼层 |阅读模式
第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

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

这一章主要讲解座次选择页模块。在这一章中,将使用到Redux控制流代码,Hooks自定义一个通用组件,以及lazy懒加载不常用的组件等。
第11章 [项目篇]订单填写页

同样的配方,同样的原料。这一章完成订单填写页模块,将学习对现有Hooks组件的通用化改造。
第12章 [提高篇]工程优化

这一章将学习如何控制项目打包体积,怎么对PWA应用进行部署,以及生产环境的部署等内容。
第13章 课程总结
下载地址vip会员回复可见:

游客,如果您要查看本帖隐藏内容请回复




回复

使用道具 举报

升级   100%

0

主题

17

帖子

70

积分

vip会员

Rank: 6Rank: 6

积分
70
发表于 2019-11-10 18:30:57 | 显示全部楼层
焰听风来动,花开不待春。
回复

使用道具 举报

升级   100%

0

主题

58

帖子

163

积分

vip会员

Rank: 6Rank: 6

积分
163
发表于 2019-11-11 08:29:06 | 显示全部楼层
11111111111111111111
回复

使用道具 举报

升级   100%

0

主题

66

帖子

315

积分

vip会员

Rank: 6Rank: 6

积分
315
发表于 2019-11-11 19:49:50 | 显示全部楼层
;好看来进空间快乐就好
回复

使用道具 举报

升级   100%

0

主题

11

帖子

50

积分

vip会员

Rank: 6Rank: 6

积分
50
发表于 2019-11-15 14:18:30 | 显示全部楼层
2019最新 React 重构哪儿网火车票PWA
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 注册会员

本版积分规则

QQ|IT慕课吧

GMT+8, 2019-12-7 14:27 , Processed in 0.140625 second(s), 23 queries .

© 2016-2018 itmk8

快速回复 返回顶部 返回列表