文件文件React ↗React ↗ (opens in a new tab)
GitHubGitHub (opens in a new tab)
  • 介紹
  • 導讀
    • Course 1
    • Course 2
    • Course 3
  • 讀書會
    • Introduce React 18
    • Next Conf 2022 回顧
    • styled-components is dead
    • 都 2022 年了你可能還是不懂 useEffect
    • 你以為你在寫 Custom Hook,但其實只是在寫 utils
    • Goodbye, useEffect
    • React.js: The Documentary
    • 介紹
    • 導讀
      • Course 1
      • Course 2
      • Course 3
    • 讀書會
      • Introduce React 18
      • Next Conf 2022 回顧
      • styled-components is dead
      • 都 2022 年了你可能還是不懂 useEffect
        • Agenda
        • Content
        • Reference
      • 你以為你在寫 Custom Hook,但其實只是在寫 utils
      • Goodbye, useEffect
      • React.js: The Documentary
  • React ↗ (opens in a new tab)

On This Page

  • Agenda
  • Content
  • Reference
文件
讀書會
都 2022 年了你可能還是不懂 useEffect

都 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 (opens in a new tab)

Reference

  • useEffect (opens in a new tab)
  • useReducer (opens in a new tab)
  • Strict Mode (opens in a new tab)
styled-components is dead你以為你在寫 Custom Hook,但其實只是在寫 utils

Copyright © 2023 Alan Chou