📄️ DOM 與 Virtual DOM
DOM
📄️ 建構畫面的最小單位：React Element
React Element
📄️ Render React element
react-dom
📄️ JSX 根本不是在 JavaScript 中寫 HTML
JSX 語法
📄️ JSX 的語法規則與畫面渲染的實用技巧
JSX 的標籤需閉合
📄️ 單向資料流與一律重繪渲染策略
單向資料流的概念
📄️ 畫面組裝的藍圖：component 初探
component
📄️ React 畫面更新的發動機－state 初探
React state 的本質？ state 在 React 的畫面管理機制中扮演的角色是什麼？
📄️ React 畫面更新的流程機制：reconcilliation
在 component 畫面管理機制中， component 的渲染機制可以分成兩個階段，分別是 render phase 和 commit phase。
📄️ 如何在子 component 裡觸發更新 父 componet 的資料
為什麼 React 並沒有也不需要子 component 向上溝通父 component 的專門機制？
📄️ 深入理解 batch update 與 updater function
batch update
📄️ 維持 React 資料流可靠性的關鍵：immutable state
JavaScript 的資料型別
📄️ Immutable update
Shallow clone 與 deep clone 的區別
📄️ Componet 的生命週期
Component 的三大生命週期
📄️ React 中的副作用處理：effect 初探
React 在 component function 中提供了一個 useEffect hook 來 隔絕和管理副作用 。React 在每次 render 之後執行 useEffect。
📄️ uesEffect 其實不是 functional component 的 API
useEffect hook 最主要的作用在於處理與畫面無關的 side effect，並非是 functional component 的生命週期API，因為這個處理副作用的 hook 不論呼叫幾次都不應該影響的資料流或是程式邏輯。
📄️ useCallback與useMemo 的正確使用時機
useCallback的用途和使用時機