state-management-expert

Choosing the right React state management library involves evaluating Redux Toolkit, Zustand, Jotai, and Context API against your project's specific performance, scalability, and developer experience requirements. The skill provides a structured evaluation with library criteria, integration patterns, and recommended usage to guide your architecture decisions.

React Query should be used instead of Redux Toolkit or Zustand when managing server state and data fetching patterns. The skill helps architect a state strategy that applies across UI and data layers, ensuring you use the right tool for server state versus local UI state to minimize re-renders and improve testability.

The best way to structure React state architecture to minimize re-renders is to apply distinct patterns for server, UI, and derived state. This skill delivers architecture guidance and guardrails for integrating tools like Jotai and Zustand, ensuring performance and scalability across complex applications.

Yes, this state management strategy works for migrating an existing React app by providing a tailored plan detailing library choices and data flow. A real-world use case is architecting a React app's state layer during a migration to balance performance and developer experience.

To integrate Context API with Jotai or Redux Toolkit without performance issues, you need specific integration patterns and guardrails. This skill provides a structured evaluation covering these patterns to ensure scalability and performance across your UI and data layers.