0-1 課程初衷與目標

03:04

0-2 React 完整入門學習路徑及推薦資源

1-1 React 核心運作模式與 Re-Render 的本質

07:55

1-2 useState 怎麼用才對？破解狀態的 3 大陷阱

08:37

1-4 別再誤用了！useEffect 的真正意義與正確使用方式

12:02

1-5 useEffectEvent：useEffect 隱藏問題的最佳解法

06:18

2-1 為什麼 Re-render 會造成效能問題？

03:02

2-2 進階開發者必知的 4 種 Re-render 觸發場景

11:24

3-1 辨識 Re-render 的第一步：console.log 除錯法

01:39

3-2 深入官方 React DevTools：你一定要知道的 7 大實戰用法

08:43

3-3 React Scan：比官方更強大的視覺化分析工具

04:04

4-1 如何用狀態下移與拆分，縮小 Re-render 的影響範圍？

03:53

4-2 如何運用內容上移，隔離不必要的重新渲染？

05:41

4-3 如何利用 Activity 保留狀態？

07:04

4-4 useMemo 與 useCallback：破解記憶化的效能誤區

13:16

4-5 React.memo 的記憶化策略以及陷阱

10:11

4-6 如何正確設計 Context？Context 重新渲染的真相與陷阱

09:09

4-7 React Compiler 全面解析：自動記憶化、實戰場景與底層原理

14:36

5-1 掌握 React 的大腦：搞懂 Reconciliation 與 Diffing 運作機制

07:12

5-2 破解 Key 值的真正意義

01:12

5-3 工程師常見錯誤：破解「組件內宣告其他組件」的效能地雷

03:44

React 效能優化實戰檢核表

領取課程文檔及課後應用練習