仮想DOM
実際のDOMを直接操作せず、メモリ上の軽量なDOM表現(仮想DOM)を介して更新を行う手法。Reactが広めた概念。
動作原理
状態変更 → 新しい仮想DOM生成 → 差分検出 → 実DOMに最小限の更新
利点
- 宣言的なUI記述が可能
- 差分更新による効率化
- 状態と表示の一貫性を保ちやすい
WYSIWYGエディタへの影響
仮想DOMの「状態を持ち、そこからDOMを導出する」思想は、WYSIWYGエディタの設計にも影響を与えた。ProseMirrorやSlateは、HTMLを直接操作せず、独自のドキュメントモデル(AST)から表示を生成する。