課程目錄:

第一章 ：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進行效能調優


下載地址：