僕が勘違いしてた仮想DOMのメリット - Qiita

経緯 DOMについて調べてた時に気づいたので、備忘録として。 （この備忘録ではReactベースで書いてます） 結論 仮想DOMの真のメリットは「パフォーマンスが良いこと」ではなく、「宣言的UIの実現と現実的なパフォーマンスを両立できること」にある。 命令的UIと宣言的UIってなんだろう... 命令的UI 「イベント・変更が発生するたびに、どのように処理を実行し、状態を反映するのか」を記述する必要がある const checkbox = document.querySelector(".checkbox"); const button = document.querySelector(".button"); checkbox.addEventListener("click", () => { if (checkbox.checked === true) { button.disabled =

[yarumato]

“仮想DOMの真のメリットは「速度が速い」ではなく、宣言的UI（状態に応じて何を行うかではなく、「この状態->この表示」とあらかじめ宣言＝コード量削減）の実現と現実的な速度を両立できることにある。”

[stk132]

appendChildとか叩きまくるのはもう思い出すのもツラい