React Hooks 全19種の解説とサンプル
03. UseReducer
概要
複雑な状態管理を行うためのフック
利用シーン:大規模なフォーム管理、状態管理ライブラリの代替
(現在はあまり利用されない)
基本的な使い方
useReducer は useState よりも柔軟な状態管理を提供し、アクションという概念で状態更新を整理できる。
状態更新ロジックを1箇所(reducer関数に纏められる)
現在では、リデューサー関数・アクション定義 が必要になり、コードが冗長になる為、
useContext + useState の組み合わせ の方が簡潔で利用されることが多い。
目次
- はじめに
- 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