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