|
React新特性Hooks重构去哪儿网火车票
课程目录 g: K4 w) _# X: T/ M3 x0 F
1-1 关于这门课程,你想了解的都在这里% n9 v+ [! R' d/ S$ @; P+ T
) }) N! V5 ?1 _, J' l
1-2 看了这一节,对学习更有帮助# E* I Q: e- G8 a& o8 D4 {$ R
9 V! a8 o' [' R0 c) Z0 G# j/ [
2-1 创建项目:使用react-create-app构建工具
) A2 q' m. J" P- K9 c# `: N, X
2-2 编译脚本:react-scripts的作用与工作原理1 N; v4 B+ Y' v4 Z( X. O4 o
2-3 解构编译脚本:eject的具体用法
3-1 Context实现跨层级的组件数据传递. W! b' }1 z8 a9 Y5 `5 o7 d9 B8 n/ L
* ]+ `& U- F3 o
3-2 静态属性ContextType访问跨层级组件的数据6 R+ Q5 H$ y; c' E, @$ w; k& p
( r. L& V8 G0 [" G7 X2 Y
3-3 Lazy与Suspense实现延迟加载. D9 t. N2 ~) _0 J3 Y/ @2 @) R/ v
3-4 Memo实现指定组件进行渲染: A* R! j; _* s; E7 b* N% [ S
9 I# N ?" C) _' Q5 b% z
4-1 React Hooks的概念与意义
4-2 使用State Hooks
+ C7 [: J& I0 }% R2 E2 g" g, R8 p4 p
4-3 使用Effect Hooks
4-4 使用Context Hooks
4-5 使用Memo&Callback Hooks
4-6 使用Ref Hooks! B, f; q& u& n$ s
4-7 自定义Hooks
% k# a& c9 H; [( g/ |( t4 f4 P0 k
4-8 Hooks的使用法则
4-9 Hooks的常见问题. \/ O8 M, w- v' i3 W' H
5-3 Dispatch与Action, ^- \4 F; b$ j+ I
5-5 异步Action
]! w9 Z$ m2 I' k; q
6-1 PWA简介( ^/ Z: P& C- t1 C( k" t
1 T% ^2 p' @" ?) K0 a5 ]
6-2 服务工作线程:Service Worker
6-3 “承诺”控制流:Promise
+ R2 D/ s1 M& g* q" M. h
6-5 资源的缓存系统:Cache API, |9 t7 ^: l4 d* i* M6 j1 I
6-6 消息推送:Notification API
, B& W9 s Y- [3 q2 |' r( W
6-7 如何在项目中开启PWA
7-1 项目业务选型以及演示分析* ]7 Y* Y9 P9 n* d. V/ _+ R- x
% O3 y, |* r r* c: G
7-2 项目模块交互设计演示与分析
5 M2 `$ R* v3 U, y
7-3 项目工程初始化; l6 z3 \1 |# Q/ E
7-4 为项目搭建Mock Server
8-1 数据结构与模块设计: u' ^- v; I0 Z1 k7 n3 w
8-10 日期选择浮层-搭建
8-11 日期选择浮层-日历组件(上), p# W$ Z2 Y4 J
8-2 顶部导航栏9 b1 x0 a& o1 C- Z0 W
{1 u! z/ L7 m! e
8-3 始发终到站
4 H' [, \8 _6 M( z- ~
8-4 城市选择浮层-顶部搜索栏! [* W: z0 ]7 G8 l% q
8-5 城市选择浮层-城市的异步加载* g0 [) |5 M$ N- d7 Q
8-6 城市选择浮层-渲染城市列表0 n6 G2 |5 B9 I( S, h8 h) N+ G
8-7 城市选择浮层-字母快速定位" R) t* b8 }/ X1 g0 Z
+ X' `% K. B: x# R0 j+ S0 R
8-8 城市选择浮层-搜索建议8 V& H8 k3 C) t
' K7 Y/ h5 C, w) J8 g
8-9 出发日期控件) a9 I1 h8 z* u
. e6 O; i7 A2 z' V _% T$ j
9-1 数据结构与模块设计(上)
9-2 数据结构与模块设计(下)9 X, n* H- ?9 s
9-3 URL解析与数据请求
下载地址回复可见:v3 React劲爆新特性Hooks 重构去哪儿网火车票PWA
|
|