本系列影片將從使用 Vanilla JavaScript 實作一個基本的 Todo List 開始,並逐步重構程式碼,探討 React 的設計思維。在此過程中,將會介紹 React 中常見的 Anti-Pattern 以及如何解決這些問題。接著會展示如何使用一些常見的 React 設計模式,如高階元件(HOC)、render props 和 custom hooks,來撰寫易讀性和可維護性高的程式碼。最後,透過實作一個小遊戲,實際應用所學的概念與技術,示範如何將這些方法運用在實務開發中。