Stats
Actions
Tags
From stack-patterns
Guides React component design with minimal state via derived values and props, atomic memoization, type-safe patterns, and optimized conditional logic. Use for creating components, state management, render optimization.
How this skill is triggered — by the user, by Claude, or both
Slash command
/stack-patterns:react-patternsThe summary Claude sees in its skill listing — used to decide when to auto-load this skill
Core React patterns for component design, state management, and optimization.
Core React patterns for component design, state management, and optimization.
Avoid state variables. Prefer derived values and props. Scope state to the smallest subtree that needs it. Use discriminated unions for complex state.
See state-management.md for:
Required for any O(n) operation. Memoize atomically to minimize dependency arrays. Use Loader/Inner pattern to narrow types before useMemo.
See memoization.md for:
Use affirmative logic, explicit conditionals, and ternaries over &&. Early returns for guard clauses.
See conditional-logic.md for:
npx claudepluginhub casper-studios/casper-marketplace --plugin stack-patternsGuides implementation of modern React patterns: hooks, component composition, state management, performance optimizations, concurrent features. Use for building or refactoring components.
Provides modern React patterns for component design, hooks, composition, state management, performance, error handling, and TypeScript best practices. Useful for production-ready apps.
Guides modern React patterns: hooks, composition, performance, TypeScript best practices, state management selection, and React 19 features.