you-might-not-need-state

To eliminate unnecessary state in React, analyze your codebase for anti-patterns such as derived state and server-state-in-local-state, which this Skill detects and resolves by proposing optimized state management practices.

Common React state anti-patterns include unnecessary useState, derived state, and storing server-state-in-local-state, all of which degrade performance and maintainability by creating redundant state updates and synchronization issues.

Yes, this state analysis is explicitly designed for codebases using React Query and Zustand, ensuring optimal state management practices by resolving improper state usage within these specific libraries.

You fix server-state-in-local-state issues by analyzing your code to detect where server data is improperly stored in local useState, then applying suggested changes to delegate server state management to appropriate tools like React Query.

You should not use useState for managing derived state or server data, as storing these locally creates synchronization issues and anti-patterns that hurt React performance and maintainability.