[解決済み] Virtual DOMとは？

質問

最近、Facebookの リアクト フレームワークです。このフレームワークでは、「仮想DOM」という概念が使われているのですが、私はこれをよく理解していませんでした。

Virtual DOMとは何ですか？また、その利点は何ですか？

どのように解決するのですか？

Reactは、DOMの一部を表すカスタムオブジェクトのツリーを作成します。例えば、UL要素を含む実際のDIV要素を作成する代わりに、React.divオブジェクトを作成し、その中にReact.ulオブジェクトが含まれるようにします。このようなオブジェクトは、実際のDOMに触れたりDOM APIを経由したりすることなく、非常に高速に操作することができる。そして、コンポーネントをレンダリングするときに、この仮想 DOM を使用して、2 つのツリーを一致させるために実際の DOM で何を行う必要があるかを判断します。

仮想DOMは設計図のようなものだと思えばいいでしょう。DOM を構築するために必要なすべての詳細が含まれていますが、実際の DOM に含まれるような重量級の部品は必要ないため、より簡単に作成および変更することができます。