学んだこと
結局DOMってなに?
DOMとは、Document Object Modelのことで、HTMLにアクセスする窓口のこと
Reactを使わない画面描画をすると、このHTTMLにアクセスする窓口を直接編集して、HTMLを描画させる必要があるので、
コストが高い
→あるdiv要素を変更したい、
→特定のdivタグのDOM要素を取得・変更する
ではどうするのか?
そこで、現れたのが仮想DOM。
ReactがDOMツリーをJavascriptのオブジェクトとして扱うことで、ただのデザインではなく。窓口の状態を持ったUIを作ることができる。
なぜ、それが実現できるのか?
仮想DOMにすることで、DOMの情報・状態をJavascript内で完結・管理することができるから
参考文献