react-single-responsibilitylisted

# Single Responsibility — Simplify Components & Methods Apply these strategies to keep components, hooks, and methods focused, testable, and readable. Rules are split into **component**, **hook**, and **method** simplification. --- ## Principles | Principle | Rule | | ------------------------- | --------------------------------------------------------------------------------------------- | | **KISS** | Simplest solution that works. Avoid over-engineering. | | **Single responsibility** | One clear responsibility per component or function; extract utilities, hooks, sub-components. | | **DRY** | Extract common logic; create reusable functions or components. | | **YAGNI** | Don't build features before they're needed. | | **Composition** | Prefer composing small components and utilities over large, multi-purpose blocks. | --- ## Which rules apply Use the **file** where the function lives: **`*.tsx`** → components ("Simplifying a component"); **`use*.ts`** → hooks ("Simplifying a hook"); **`*.ts`** → plain functions ("Simplifying a method"). Plain TypeScript functions are always in `*.ts`, never in `*.tsx`. --- ## Simplifying a component (filename pattern \*.tsx) Rules that appl