React

React 18 引入的並行渲染（Concurrent Rendering）是 React 架構的重大革新。本文將從同步渲染的痛點出發，逐步解析並行渲染的核心機制，並探討實際應用中需要注意的問題。在並行渲染出現之前，React 採用同步渲染（Synchronous Rendering）模式。這種模式的運作方式非常直接：一旦開始渲染，就必須一次性完成，中途無法暫停或被插隊。

流暢的 React 讀書會第五章常見問題與強大的模式 簡報導讀

useRef 是 React 提供的 hook，用來創建一個 可變（mutable）的引用對象，可以用來存取 DOM 元素或保存跨越多次渲染的資料，且在資料變動時不會觸發 re-render。