state-management-expert

To manage React state effectively, evaluate Redux Toolkit, Zustand, Jotai, and Context API against your specific project requirements. Applying a decision tree based on your global UI, server data, and form needs ensures a scalable, maintainable architecture.

Choosing between Redux Toolkit and Zustand depends on your project's complexity and performance requirements. Redux Toolkit suits large-scale structured state, while Zustand offers a lighter, flexible approach for simpler global UI state management.

You need dedicated state management libraries instead of the Context API when handling complex global state, server data caching, or frequent updates that cause performance issues. Libraries like Jotai or Zustand help prevent unnecessary re-renders in large applications.

Handling server data versus global UI state in React requires separating remote fetching from client interactions. You can apply TanStack Query for server data caching while using Zustand or Redux Toolkit specifically for global UI state.

Common React state management anti-patterns to check during code review include mixing server data with global UI state, overusing the Context API for high-frequency updates, and creating monolithic stores. An anti-pattern checklist improves state quality and readability.