reduce-complexity - Reduce React Component Cognitive Complexity
Provides strategies and patterns for reducing cognitive complexity in React components
Tags
Updated: 2026-03-22Capabilities
Typical Inputs
Typical Outputs
What this skill does
- Analyze ESLint complexity violations
- Identify complexity sources
- Extract helper functions
- Create Container/View components
- Pre-compute state flags
- Simplify nested conditionals
- Refactor repeated patterns
Inputs
- React component files
- ESLint reports
- cognitive-complexity violations
- test coverage reports
- Container/View pattern requirements
Outputs
- Refactored React components
- Helper function extractions
- Container/View component pairs
- Pre-computed state logic
- Simplified JSX structures
Requirements
- React project environment
- ESLint with sonarjs/cognitive-complexity rule
- Container/View pattern support
- Package manager (bun/npm/yarn/pnpm)