How to manage state in React

Recommended: Zustand

  • Simplest implementation of redux like state machine

    • Has useSelector, async functions, and more out of box

  • Won't rerender actions/functions

  • 1.16KB, tiny

UseContext

  • all useContext children rerender on state change

  • two file code and need to wrap app with provide

React Redux Toolkit

  • A lot of boilerplate even with toolkit, CreateSlice, export actions, combine Reducers.

Jotai

  • Simplest global atom, like a better useContext with optimized rendering

  • setAtom is what you get for defining actions

Other

  • Xstate, Proper state machine architecture for really complex state management

  • MobX

  • Recoil

PreviousXStateNextJotai

Last updated