Writing & Thinking

Exploration notes on Front-end technologies, Web APIs, and Software Engineering.

All articles2 articles

Virtual DOM 在現代前端框架（如 React）中能有效提升效能。本文將透過說明 diffing、reconciliation 等核心機制，了解 Virtual DOM 如何提升效能、簡化開發流程並優化 UI 更新。

React Hooks 大幅簡化元件邏輯，但是錯誤使用可能造成效能問題。本文整理 React Hooks 幾項 best practice 以便提升管理便利性及減少 bug 發生的機率，包含 useState、useEffect、useMemo 等使用技巧。