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

Stratégies pour simplifier les composants, les hooks et les méthodes : ordre de décomposition (utilitaires, hooks, sous-composants), retours anticipés, flux de contrôle, conception des paramètres et corrections d'odeurs de code. À utiliser lorsque l'utilisateur dit : ungodify cette méthode/fonction/composant, simplifier cette méthode/fonction/composant, créer cette méthode/fonction/composant moins complexe; ou lors de la refactorisation d'un composant, d'un hook ou d'une fonction volumineux, en réduisant la complexité, en appliquant responsabilité unique, ou demander comment simplifier un composant, un hook ou une méthode. Source : lichens-innovation/ai-dev-tools.