قم بإنشاء مكونات React باستخدام TypeScript، مع اتباع أفضل الممارسات الخاصة بالخطافات وإدارة الحالة وإمكانية الوصول والاختبار. يُستخدم عند إنشاء مكونات واجهة مستخدم جديدة أو إعادة هيكلة المكونات الحالية.
ثبّت مهارة الذكاء الاصطناعي react-component بسرعة في بيئة التطوير لديك عبر سطر الأوامر
المصدر: vapvarun/claude-backup.
| State mutation | state.push(item) | [...state, item] | | Missing key | List renders slow | Use unique key prop | | Object in deps | Infinite loop | useMemo for objects | | Missing cleanup | Memory leak | Return cleanup function | | Stale closure | Wrong values | Add to dependency array | | Over-rendering | Slow UI | React.memo, useMemo |
قم بإنشاء مكونات React باستخدام TypeScript، مع اتباع أفضل الممارسات الخاصة بالخطافات وإدارة الحالة وإمكانية الوصول والاختبار. يُستخدم عند إنشاء مكونات واجهة مستخدم جديدة أو إعادة هيكلة المكونات الحالية. المصدر: vapvarun/claude-backup.
افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/vapvarun/claude-backup --skill react-component بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.
npx skills add https://github.com/vapvarun/claude-backup --skill react-componentقم بإنشاء مكونات React باستخدام TypeScript، مع اتباع أفضل الممارسات الخاصة بالخطافات وإدارة الحالة وإمكانية الوصول والاختبار. يُستخدم عند إنشاء مكونات واجهة مستخدم جديدة أو إعادة هيكلة المكونات الحالية. المصدر: vapvarun/claude-backup.
افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/vapvarun/claude-backup --skill react-component بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
https://github.com/vapvarun/claude-backup