Files
gh-djankies-claude-configs-…/skills/reviewing-state-management/SKILL.md
2025-11-29 18:22:28 +08:00

1.3 KiB

name, description, review, allowed-tools, version
name description review allowed-tools version
reviewing-state-management Review state management patterns for React 19 best practices. Use when reviewing component state, Context usage, or state architecture. true Read, Grep 1.0.0

Review: State Management

Checklist

State Immutability

  • No direct state mutation
  • Using spread operators or immutable update patterns
  • Arrays updated with map/filter/concat (not push/splice)
  • Objects updated with spread or Object.assign

State Location

  • Local state used when appropriate
  • Context only for cross-cutting concerns
  • No prop drilling through 3+ levels
  • Frequently changing state not in Context

useReducer Usage

  • Used for complex state logic
  • Reducer functions are pure
  • Action types are consistent
  • State updates follow patterns

Context Patterns

  • Split contexts for different concerns
  • Using use() API in React 19 (not useContext)
  • Context providers at appropriate level
  • No unnecessary re-renders

Anti-Patterns

  • Direct state mutation (state.push(), state.x = y)
  • Context for frequently changing values
  • Excessive prop drilling
  • God components managing too much state

For comprehensive state patterns, see: research/react-19-comprehensive.md.