《React 思維進化》閱讀筆記 DOM 的操作會綁定渲染引擎重繪畫面。React 透過比較新舊 Virtual DOM 差異、執行最小範圍的 DOM 操作，達到效能優化。 Virtual DOM 效益釐清：框架只是足夠高效，並更好維護框架的目的是提供抽象層，讓開發者不需直接操作 DOM，以聲明式 declarative 的方式建立 UI（非宣告式 imperative），從而讓程式碼更容易維護。 因為多了一層框架 API，如 Virtual DOM Diff 的 JS 計算，不會比手動操作 DOM 高效（但大部分手動操作的程式碼也不是以最高效的方式操作 DOM，以渲染新的 list 為例）。 框架提供足夠高效且可以處理所有可能更新場景的解法：React - Virtual DOM Vue - 依賴搜集 Angular - 髒檢查 (dirty check) 性能比較需區分不同場景：初始渲染：Virtual DOM > 髒檢查 >= 依賴收集 小量數據更新：依賴收集 >> Virtual DOM + 優化 > 髒檢查 > Virtual DOM（無優化）