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/ai-dev-tools.