state-management-expert

Guide React state management architecture across Redux Toolkit, Zustand, Jotai, TanStack Query, and Context API.

Updated Aug 27, 2026
One-click install
npx skills add https://github.com/hvngroup/directus_b2b_crm --skill state-management-expert-hvngroup
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: state-management-expert
Source: https://github.com/hvngroup/directus_b2b_crm/tree/main/.agent/skills/state-management-expert
Command: npx skills add https://github.com/hvngroup/directus_b2b_crm --skill state-management-expert-hvngroup

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Consolidates state management patterns and libraries for React applications, enabling scalable architectures and fewer performance pitfalls.

Core Features & Use Cases

  • Guidance on architecture decisions across Redux Toolkit, Zustand, Jotai, TanStack Query, and Context API
  • Performance optimization recommendations and anti-patterns
  • Practical code examples and decision criteria for library selection
  • Real-world scenarios for organizing server state, UI state, and form state

Quick Start

Describe your current state management challenge to receive a tailored architecture recommendation.

Frequently Asked Questions about state-management-expert

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
What's the best way to manage state in a large-scale React application?

For scalable React apps, the best way is to apply structured architecture guidance across Redux Toolkit, Zustand, and Jotai for robust global strategies. This provides decision criteria for organizing server, UI, and form state models.

How do I choose between Zustand and Redux Toolkit for my React project?

Choosing between Zustand and Redux Toolkit depends on applying specific decision criteria for library selection based on your scale. This governance evaluates performance optimization, integration safety, and maintainable state models to recommend the right architecture.

When do I need TanStack Query versus Context API for server state?

You need TanStack Query versus the Context API when separating server state from UI state in React applications. Architecture guidance distinguishes these patterns by evaluating performance optimization and maintainable state models for your specific scenario.

What are common React state management anti-patterns that hurt performance?

Common React state management anti-patterns involve improper state organization and unoptimized rendering. Architecture guidance identifies these performance pitfalls and provides optimization recommendations for safe integration and incremental adoption.

Can I incrementally adopt Jotai into an existing Redux Toolkit codebase?

You can incrementally adopt Jotai into an existing React codebase by following structured integration guidance. This approach enables safe integration of new state management patterns without requiring a full rewrite of your current architecture.