系列文章
[Day 21] useEffect 其實不是 function component 的生命週期 API
經過了前兩篇章的洗禮，相信你現在對於 function component 的 render 概念已經有一定程度的掌握。接著就讓我們進入這個階段的重頭戲：use...
[Day 22] 保持資料流 — 不要欺騙 hooks 的 dependencies（上）
在上一篇關於 useEffect 的深度解析中，我們已經了解到了 dependencies 是一種效能的最佳化手段，而不是用來控制生命週期或是商業邏輯。對於 u...
[Day 23] 保持資料流 — 不要欺騙 hooks 的 dependencies（下）
函式與 dependencies 一種常見的誤解是認為函式不應該填寫在 dependencies 中。我們來看一下這個範例： function SearchRe...
[Day 24] useEffect dependencies 的經典錯誤用法
這個章節讓我們更深入的探討一下 dependencies 常見的錯誤使用方式。我們在前幾篇 useEffect 的深入解析中一再強調過一個概念：useEffec...
[Day 25] Reusable state — React 18 的 useEffect 在 mount 時為何會執行兩次？
在前面的章節中我們已經詳細的解析了 useEffect 正確的概念以及用法，也再三強調了 useEffect 的用途是同步資料到 React elements...
[Day 26] Effects & cleanups 常見情境的設計技巧
在前面章節中我們解析了將 effect 設計成即使多次執行也能保持正確的重要性。如果你還對這個觀念不是很熟悉的話，非常建議你先閱讀系列文前面的篇幅中關於 use...
[Day 27] useCallback 與 useMemo 的正確使用時機
除了最核心的 useState 以及 useEffect 以外，在 React 中最常被我們使用到的內建 hooks 應該就屬 useCallback 以及 u...
[Day 28] 一次弄懂 React hooks 的運作原理與設計思維（上）
React hooks 從 2019 年初推出以來也經過了幾年的時間，它以非常快的速度就發展成為 React 開發方式的絕對主流選擇。搭配 function c...
[Day 29] 一次弄懂 React hooks 的運作原理與設計思維（下）
Hooks 的誕生是為了解決什麼問題 在深入 hooks 的設計脈絡之前，我們得先來談談 hooks 的誕生究竟是為了解決什麼問題。首先，hooks 是綁定配合...
[Day 30] 一次打破 React 常見的的學習門檻與觀念誤解：系列文總結以及完賽感言
2024/2 更新 - 實體書平裝版本上市 在經過快要一年的努力後，本系列文的實體書版本推出了～其中新增並補充了許多鐵人賽版本中沒有的脈絡與細節，並以全彩印刷拉...