coding · Cursor · free
إنشاء هيكل مكون React جاهز للاستخدام في الإنتاج: [اسم المكون] . الغرض: [ما يعرضه / ما تتيحه من إجراءات للمستخدم] البيانات المطلوبة: [الخصائص / شكل واجهة برمجة التطبيقات] الحالات التي يجب دعمها: التحميل، الفراغ، الخطأ، النجاح، وأي حالات مخصصة [قائمة] تسليم ملف واحد يتضمن: تصدير مسمى، مرجع مُحَوَّل، تعيين displayName واجهة الخصائص مع JSDoc للحقول غير الواضحة فروع التحميل + الخطأ + الفراغ كـ JSX مرئي (وليس قيمًا فارغة صامتة) إمكانية الوصول: الأدوار الصحيحة، والتسميات، وترتيب التركيز على لوحة المفاتيح aria live عند تغييرات الحالة غير المتزامنة استخدام useCallback/useMemo مرة واحدة فقط عند الحاجة الملموسة — بدون اتباع الممارسات دون فهم عدم استخدام any مطلقًا، وعدم استخدام useEffect للحالة المشتقة كتلة docs جاهزة لـ Storybook في الأسفل الإطار: [Next 15 / Vite / RN]. نظام الأنماط: [Tailwind / CSS Modules / vanilla]. لا توجد أنماط مضمنة.
#react #scaffolding #components