Reconciliation & Fiber

Reconciliation 是什麼？

React 透過 Virtual DOM 還有 Diff 演算法算出畫面中實際需要更新的部分，比對更新前後 virtual DOM 的差異之後，再去更動真實的 DOM，有效減少渲染的次數 ，而這個 Diff 的過程也被稱作 reconciliation。

Fiber 架構

在 fiber 架構以前 React 渲染頁面時主要會經過兩個階段

• Reconciler
• Renderer

Fiber 架構改變 React 的 Reconciliation 流程

• fiber 架構後還會經過一層 scheduler 來調度工作，而 reconciler 這個步驟的運作機制也經過調整

Ref

• React 開發者一定要知道的底層機制 — React Fiber Reconciler
• https://hackmd.io/@cckai/BklHB9Ru-F
• https://slides.com/ken-chen/react-reconciliation