課程目錄:
第一章 :React 基礎
01 | React出現的歷史背景及特性介紹
02 | 以組件方式考慮UI的構建
03 | JSX 的本質 : 不是模板引擎,而是語法糖
04 | React組件的生命周期及其使用場景
05 | 理解 Virtual DOM 及 key 屬性的作用
06 | 組件設計模式 : 高階組件和函數作為子組件
07 | 理解新的 Context API 及其使用場景
08 | 使用腳手架工具創建 React 項目
09 | 打包和部署
第二章 :React 生態圈
10 | Redux(1) : 前端為何需要狀態管理庫
11 | Redux(2) : 深入理解 Store, Action, Reducer
12 | Redux(3) : 在React中使用Redux
13 | Redux(4) : 理解異步 Action,Redux 中間件
14 | Redux(5) : 如何組織Action和Reducer
15 | Redux(6) : 理解不可變數據(Immutability)
16 | React Router(1):路由不只是頁面切換,更是代碼組織方式
17 | React Router(2):參數定義,嵌套路由的使用場景
18 | UI組件庫對比和介紹:Ant.Design,Material UI,Semantic UI
19 | 使用Next.js創建React同構應用
20 | 使用Jest,Enzyme等工具進行單元測試
21 | 常用開發調試工具:ESLint,Prettier,React DevTool,Redux DevTool
第三章 :構建可維護可擴展的前端應用
22 | 前端項目的理想架構:可維護,可擴展,可測試,易開發,易建構
23 | 拆分復雜度(1):按領域模型(feature)組織代碼,降低耦合度
24 | 拆分復雜度(2):如何組織component,action和reducer
25 | 拆分復雜度(3):如何組織React Router的路由配置
26 | 使用Rekit(1):創建項目,代碼生成和重構
27 | 使用Rekit(2):遵循最佳實踐,保持代碼一致性
第四章 :常見場景的最佳實踐
28 | 使用React Router管理登錄和授權
29 | 實現表單(1):初始數據,提交和跳轉
30 | 實現表單(2):錯誤處理,動態表單元素,內容動態加載
31 | 列表頁(1):搜索,數據緩存和分頁
32 | 列表頁(2):緩存更新,加載狀態,錯誤處理
33 | 頁面數據需要來源多個請求的處理
34 | 內容頁的加載與緩存
35 | 基于React Router實現分布操作
36 | 常見頁面布局的實現
37 | 使用 React Portals 實現對話框,使用 antd 對話框
38 | 集成第三方JS庫:以 d3.js 為例
39 | 基于路由實現菜單導航
40 | React 中拖放的實現
第五章:React性能優化
41 | 性能永遠是第一需求:時刻考慮性能問題
42 | 網絡性能優化:自動化按需加載
43 | 使用Reselect避免重復計算
44 | 下一代 React:異步渲染
45 | 使用Chrome DevTool進行性能調優