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

Стратегии упрощения компонентов, перехватчиков и методов: порядок декомпозиции (утилиты, перехватчики, подкомпоненты), ранние возвраты, поток управления, дизайн параметров и исправления запаха кода. Используйте, когда пользователь говорит: ungodify этот метод/функция/компонент, упростить этот метод/функцию/компонент, сделать этот метод/функцию/компонент менее сложный; или при рефакторинге большого компонента, ловушки или функции, уменьшая сложность, применяя единая ответственность или вопрос, как упростить компонент, ловушку или метод. Источник: lichens-innovation/ai-dev-tools.