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

コンポーネント、フック、メソッドを簡素化する戦略: 分解順序 (ユーティリティ、フック、サブコンポーネント)、 早期返品、制御フロー、パラメータ設計、コード臭の修正。ユーザーが次のように言うときに使用します。 このメソッド/関数/コンポーネント、このメソッド/関数/コンポーネントを単純化、このメソッド/関数/コンポーネントを作成 それほど複雑ではありません。または、大規模なコンポーネント、フック、または関数をリファクタリングして複雑さを軽減し、 単一の責任、またはコンポーネント、フック、またはメソッドを簡素化する方法を尋ねます。 ソース: lichens-innovation/skills。