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

Strategie per semplificare componenti, hook e metodi: ordine di scomposizione (utilità, hook, sottocomponenti), resi anticipati, flusso di controllo, progettazione dei parametri e correzioni dell'odore del codice. Utilizzare quando l'utente dice: ungodify questo metodo/funzione/componente, semplifica questo metodo/funzione/componente, crea questo metodo/funzione/componente meno complesso; o durante il refactoring di un componente, hook o funzione di grandi dimensioni, riducendo la complessità, applicando singola responsabilità o chiedere come semplificare un componente, un hook o un metodo. Fonte: lichens-innovation/ai-dev-tools.