项目实战

    今日:19261| 主题:1002
收藏本版 (186)
发表新帖

[前端开发] React劲爆新特性Hooks 重构去哪儿网火车票PWA(更新至第九章)

[复制链接]
admin 发表于 2019-10-1 02:11:42
2660 23
5ce2082708cde8ae06000338-360-202.jpg
第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解析与数据请求

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







上一篇:(价值1200)从零搭建数字货币量化交易系统
下一篇:黄勇的OKR实战笔记(HTML+PDF+MP3完整)-2019年J客
回复

使用道具 举报

lastvurtne 发表于 2019-10-4 15:26:30
76666666666666
回复

使用道具 举报

yply 发表于 2019-10-6 20:17:23
膜拜神贴,后面的请保持队形~支持吾爱编程网!
回复

使用道具 举报

rover99x 发表于 2019-10-21 10:05:20
膜拜神贴,后面的请保持队形~支持吾爱编程网!
回复

使用道具 举报

ping 发表于 2019-10-21 20:33:47
不管你信不信,反正我是信了。支持吾爱编程网!
回复

使用道具 举报

tclyjy 发表于 2019-10-21 21:40:58
看了LZ的帖子,我只想说一句很好很强大!支持吾爱编程网!
回复

使用道具 举报

ab1308722 发表于 2019-10-22 18:42:20
啥也不说了,楼主就是给力!支持吾爱编程网!
回复

使用道具 举报

GanEhank 发表于 2019-10-24 17:00:29
不管你信不信,反正我是信了。支持吾爱编程网!
回复

使用道具 举报

sunpcm 发表于 2019-11-2 19:38:34
不管你信不信,反正我是信了。支持吾爱编程网!
回复

使用道具 举报

blackcater 发表于 2019-11-4 16:53:24
看了LZ的帖子,我只想说一句很好很强大!支持吾爱编程网!
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

返回顶部 返回列表

平台简介

吾爱编程网:http://www.52pg.net/是IT技能学习交流平台,我们提供了丰富的移动端开发、php开发、web前端开发、android开发、Java开发、Python开发、大数据开发、区块链开发、人工智能开发以及html5等大量的实战视频教程资源。(如果我们有侵犯了您权益的资源请联系我们删除)

点击这里给我发消息|Archiver|手机版|小黑屋|站点地图|吾爱编程  |网站地图 | VIP购买

Powered by Discuz! X3.2  © 2017-2020 Comsenz Inc.  吾爱编程网