dom_dom0800_004

Reactなどのライブラリで用いられる( A )は、DOMの差分を計算して更新し、直接DOMを触るよりも( B )を削減できる。

解答

A: Virtual DOM
B: Reflow

解説

Virtual DOMはメモリ上で差分を計算し、必要な部分のみを効率的に更新することでReflowやRepaintを最小化する。

使用例(サンプルコード)

[ javascript ]

// Reactの例
function App() {
  const [count, setCount] = React.useState(0);
  return <button onClick={() => setCount(count + 1)}>{count}</button>;
}