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
獲取課程資料鏈接:點擊這里獲取