以 React 為中心的學習筆記,內容主要包含:
★ React 基礎概念、常見功能、活用知識點
★ React Hook 學習筆記
★ Redux 學習筆記
Context Context 是 React 提供的一個 API其功能有: 統一存放共用參數,實現全局資料管理 某層子元件需要使用時才調用,免去 props...
useContext useContext 本質上是 Context 的語法糖,精簡了 Context 取得值的方式。 使用方法 useContext 會接收...
Reducer Reducer 這個概念,來源於 React 的延伸套件 Redux,其核心由 React 拿來參考後,開發出了 React 原生 API ──...
Ref Ref 擁有以下特色: 不須重新渲染就可以更新值 直接抓取 DOM 來控制 DOM 的行為 可以在 render 方法內建立 React elemen...
useRef useRef 使用方式 const refContainer = useRef(initialValue); useRef 會回傳一個擁有 cu...
Immutable Immutable 中文意思為不可變的,即重新賦值後,新的值和原始的值並不互相影響原本的值依然會保留下來,不會被賦值改變。 Immutabl...
React.memo React.memo 主要的作用是性能優化,使用 memo 後,程式會將 render 結果存在快取內,並在 render 時比較前後兩次...
useMemo 用於性能優化,避免重複執行高效能的渲染 如果傳入的參數未改變,就直接沿用上次的計算結果。 遇到計算複雜、耗效能的地方,先用 useMemo 計...
useCallback 如果父元件所傳遞的 props 包含 Object,則在元件因狀態改變而 re-render 時,Object 的記憶體位址也會隨之重新...
打造自己的 Hook 自 React 16.8 以後,使用者就可以在 React 中創建自定義的 Hook,將重複使用的功能模組化、封裝常用的業務邏輯,利用其他...