Help us improve
Share bugs, ideas, or general feedback.
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.
npx claudepluginhub casper-studios/casper-marketplace --plugin stack-patternsHow 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.
Guides 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.
Provides 10 high-impact React patterns and anti-patterns for state management, performance, hooks, and component design. Use when writing or reviewing React components.
Share bugs, ideas, or general feedback.
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: