أنماط تكوين التفاعل بهذا الحجم. يُستخدم عند إعادة هيكلة المكونات باستخدام الدعامات المنطقية، أو إنشاء مكتبات مكونات مرنة، أو تصميم واجهات برمجة التطبيقات القابلة لإعادة الاستخدام. يتم تشغيلها عند تنفيذ المهام التي تتضمن مكونات مركبة أو دعائم العرض أو موفري السياق أو بنية المكونات. يتضمن تغييرات React 19 API.
ثبّت مهارة الذكاء الاصطناعي composition-patterns بسرعة في بيئة التطوير لديك عبر سطر الأوامر
المصدر: jgamaraalv/ts-dev-kit.
Composition patterns for building flexible, maintainable React components. Avoid boolean prop proliferation by using compound components, lifting state, and composing internals. These patterns make codebases easier for both humans and AI agents to work with as they scale.
Skip these patterns when: fewer than 3 props, simple variants, or single-use components.
| 1 | Component Architecture | HIGH | architecture- | | 2 | State Management | MEDIUM | state- | | 3 | Implementation Patterns | MEDIUM | patterns- | | 4 | React 19 APIs | MEDIUM | react19- |
أنماط تكوين التفاعل بهذا الحجم. يُستخدم عند إعادة هيكلة المكونات باستخدام الدعامات المنطقية، أو إنشاء مكتبات مكونات مرنة، أو تصميم واجهات برمجة التطبيقات القابلة لإعادة الاستخدام. يتم تشغيلها عند تنفيذ المهام التي تتضمن مكونات مركبة أو دعائم العرض أو موفري السياق أو بنية المكونات. يتضمن تغييرات React 19 API. المصدر: jgamaraalv/ts-dev-kit.
حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.
npx skills add https://github.com/jgamaraalv/ts-dev-kit --skill composition-patternsأنماط تكوين التفاعل بهذا الحجم. يُستخدم عند إعادة هيكلة المكونات باستخدام الدعامات المنطقية، أو إنشاء مكتبات مكونات مرنة، أو تصميم واجهات برمجة التطبيقات القابلة لإعادة الاستخدام. يتم تشغيلها عند تنفيذ المهام التي تتضمن مكونات مركبة أو دعائم العرض أو موفري السياق أو بنية المكونات. يتضمن تغييرات React 19 API. المصدر: jgamaraalv/ts-dev-kit.
افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/jgamaraalv/ts-dev-kit --skill composition-patterns بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
https://github.com/jgamaraalv/ts-dev-kit