react-single-responsibility

Apply these strategies to keep components, hooks, and methods focused, testable, and readable. Rules are split into component, hook, and method simplification.

| 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. |

Estrategias para simplificar componentes, ganchos y métodos: orden de descomposición (utilidades, ganchos, subcomponentes), retornos anticipados, flujo de control, diseño de parámetros y correcciones de olores de código. Usar cuando el usuario dice: ungodify este método/función/componente, simplifica este método/función/componente, crea este método/función/componente menos complejo; o al refactorizar un componente, gancho o función grande, reduciendo la complejidad, aplicando responsabilidad única, o preguntar cómo simplificar un componente, gancho o método. Fuente: lichens-innovation/ai-dev-tools.