Skip to main content

React State Management

There is not an opinionated path for state management in React compared to alternative frameworks.

Forms of state.

  • URL
  • API
  • Forms

URL

Put state in the URL instead of useState.

Library Options

CategoryLibrary
Hooks(Prop Drilling)
Hooks(Context)
HooksReact Hooks Global State
HooksHookstate
HooksTeaful
FSMXState
API+React Query
ReactiveEffector
ReactiveAkita
ReactiveObservable Hooks
ReactiveStoreon
AtomicJotai
AtomicRecoil
UnidirectionalZustand
UnidirectionalRedux Toolkit
UnidirectionalRematch
UnidirectionalUnistore
BidirectionalMobx
BidirectionalValtio
BidirectionalMobx State Tree
BidirectionalReact Easy State

Hooks

TechniqueStrengthWeakness
Prop DrillingStandard React Hooks
ContextSimple with useContextNeed to re-render

API+

State TypeOption
URLReact Router
URLNext Router
API QueryReact-Query
API QuerySWR
FormsReact Hook Form

Reactive

Event based state management.