review-state-management

What problem does it solve?

Manually reviewing state management patterns for React 19 best practices, immutability, Context usage, and useReducer application is time-consuming and prone to oversight. This Skill provides a comprehensive, automated review.

Core Features & Use Cases

• State Immutability: Checks for direct state mutation and promotes immutable update patterns (spread operators, map/filter).
• State Location: Verifies appropriate use of local state vs. Context, ensuring Context is not used for frequently changing values.
• useReducer Usage: Audits for correct application of useReducer for complex state logic and pure reducer functions.
• Context Patterns: Reviews Context API usage, including splitting contexts and using the use() API in React 19.
• Anti-Pattern Flagging: Identifies common mistakes like direct state mutation, excessive prop drilling, and "god components" managing too much state.
• Use Case: Perform a state management review of the SettingsPage feature, ensuring state is immutable, Context is used appropriately, and useReducer is applied where beneficial for complex logic.

Quick Start

Review the src/components/TaskList.js file for React 19 state management anti-patterns, such as direct state mutation or excessive prop drilling.