はじめに

Reactを使っていると仮想DOMが頻出するので、一旦DOMについて整理します。

DOMとは？

DOMとは「Document Object Model」の略。
これだと理解し難いので、↓を引用。

Document Object Model (DOM) は HTML や XML 文書のためのプログラミングインターフェイスです。

つまり、「HTMLやXML文書」と「プログラム」を間でつなげる仕組みのこと。
HTMLやXMLの要素や値をデータとして持っているのがDOM。

DOMはどんなVALUEを発揮してるの？

DOMによって、プログラムを使ってHTMLやHML文書を変更することができる。

例えば、Javascriptを使って、文書構造に変化を加えたり、値を変更したり、スタイルを変更できるのも、
DOMあってこその妙技。

Javascript自体はHTMLやXMLの要素や値などを持っていないが、DOMがそれらを持っていることで可能になっている。

まとめ

DOMDOMよく耳にしてましたが、DOMが何なのか、なぜ必要なのかがわかった気がします。
プログラミング言語がHTMLなどの文書データを持っていないから、それを持っているDOMと連携することで、
ページに動きを加えられるようになるというイメージですね。