跳至主要内容

[Behind React] How React really works

  • -- React 不在乎組件變成 HTML 或者 CSS 或者其他網站所需要的呈現之間的「過程」,她在乎的是組件本身以及組件之間傳遞的 Props 和 States
  • -- 可以試著把 React DOM 當作網站的 interface,作為 React 與渲染後的應用(可能是 web, app 等等)之間的一種「規則」
  • -- 即使 React 重新執行 components,並不代表就會觸發 React DOM 的改變
  • -- 當應用的狀態有所改變時,React 會創建一個新的 Virtual DOM 來代表新的狀態。由於 differ 出虛擬 DOM之間的差異,僅涉及記憶體中的數據結構,比直接操作瀏覽器的 DOM ,來的成本更低。
  • -- 比對出差異後,僅更新 Real DOM 與 Virtual DOM 不同的地方