Implements robust state management strategies across local, global, server, and URL-based contexts.
This skill provides a comprehensive architectural framework for managing state in modern frontend applications, particularly those using React and Next.js. It guides the AI in choosing the right strategy for different data types—from simple local component state and shared UI context to global stores and complex server-side data fetching. By following established patterns for derived state, optimistic updates, and state machines, it ensures that applications remain scalable, performant, and free from common anti-patterns like prop drilling or redundant state synchronization.
主要功能
01Implementation patterns for TanStack Query and Zustand
02Standardized decision framework for selecting state management tools
03Best practices for avoiding anti-patterns like prop drilling and state syncing
046 GitHub stars
05Architectural guidance for local, shared, global, server, and URL state
06Optimistic UI update strategies for seamless user experiences
使用场景
01Architecting a complex dashboard with multiple interdependent data-fetching requirements
02Refactoring a large React component tree to eliminate prop drilling using global stores
03Implementing bookmarkable search filters and pagination using URL search parameters
