virtual DOM

実際にDOM生成を行う前にメモリ上で理想的なDOM状態を表現するための仕組み

内部構造はどんな表現でもいいが、最終的にブラウザのDOMと対応するようなデータ構造を持つため、ツリー構造を持つ

JavaScriptでの実装が一般的なため、結果的にJavaScriptオブジェクトとして表現されることが多い

code:json

{

nodeName: "div",

attributes: {

"id": "foo"

},

}

ブラウザでレンダリングするためには、これをDOMに変換する