前天我們介紹了 useReduecer 的基本使用方式,跟 useState 相比起來複雜許多,那究竟為什麼需要有 useReducer 呢?什麼樣的情況下適合...
前言 useCallback 常常會被用來優化效能,減少 React 不必要的 render ,但如果沒有好好理解它,濫用 useCallback 的話反而會導...
昨天介紹了 useCallback 的基本使用方式。今天來介紹如何使用 useCallback 與 React.memo 來減少 render 次數。 首先,先...
前言 昨天我們介紹過如何使用 React.memo 與 useCallback 來做效能優化,而 useMemo 這個 hook 一樣也是用來優化效能的,今天就...
前言 在前面幾天介紹了使用了 useCallback 或 useMemo 來做效能優化,不知道會不會有人跟我一樣,在剛瞭解完這兩個 hooks,就想說之後我在...
前言 在之前我們介紹過 useEffect hook ,今天介紹的 useLayoutEffect 其實大部分的功能跟 useEffect 一樣,我可以將 si...
前言 在 React hooks 中 useImperativeHandle 是一個相對較少使用的 hook,且使用它的時候也必須搭配著 React.forwa...
前言 在開發的過程中,難免會有些疏失而導致程式出現錯誤,最終畫面呈現一片空白。而在 React 中,我們可以利用 Error boundary (錯誤邊界) ,...
前言 Custom hook 讓我們可以將 component 的邏輯提取出來到一個 function 中,讓我們可以重複的使用它,甚至運用在不同的 compo...
前言 今天要介紹最後一個 React hook - useDebugValue ,它也是個較少使用的 hook ,且它的使用必須搭配 React dev too...