[react] DOM and Virtual DOM

有幾種不同的 DOM，包含原本的 DOM，精簡化的 shadow DOM，React 用的 Virtual DOM。

DOM and Virtual DOM

簡單來說在 React 中更新 DOM 的方式如下：

1. 整個 virtual DOM 都會更新
2. 將 virtual DOM 和目前實際的 DOM 做比較，看哪些部分需要改變
3. 只有需要被改變的部分會更新到實際的 DOM 上
4. 改變實際的 DOM 來促發瀏覽器重新轉譯畫面

參考：

• Understanding the Virtual DOM @ BitsOfCode
• React Virtual DOM @ Codecademy
• The difference between Virtual DOM and DOM @ React Kung Fu