React Hooks 全19種の解説とサンプル
06. UseMemo
概要
計算結果をメモ化し、不要な再計算を防ぐフック
利用シーン:パフォーマンス最適化、重い計算処理
(React19以降を利用している場合は不要)
基本的な使い方
useMemo を使うと、依存関係が変わらない限り、前回の計算結果がキャッシュされて再利用できる。
React19以降は自動的にメモ化される為、明示的な使用は不要となる。
目次
- はじめに
- 01. useState
- 02. useEffect
- 03. useReducer
- 04. useContext
- 05. useRef
- 06. useMemo
- 07. useCallback
- 08. useLayoutEffect
- 09. useTransition
- 10. useDeferredValue
- 11. useId
- 12. useSyncExternalStore
- 13. useDebugValue
- 14. useImperativeHandle
- 15. useInsertionEffect
- 16. useActionStateNew
- 17. useOptimisticNew
- 18. useFormStatusNew
- 19. useNew