都 2022 年了你可能還是不懂 useEffect

Agenda

• Function & Class Component 你可能不知道的關鍵區別
• 每一次 Render 都有他自己的...
• 真正學會 useEffect 的第一步：忘記 Class Component 的生命週期
• 不要欺騙 Hooks 的 dependencies chain
• useReducer 是 dependencies chain 的合法作弊手段
• 以 dependencies 來控制 useEffect 執行邏輯的誤區
• Reusable state - React 18 的 useEffect 在 mount 時為何會執行兩次？

Content

• [Video] 都 2022 年了你可能還是不懂 useEffect

Reference

• useEffect
• useReducer
• Strict Mode