coding · Cursor · free
هذا الكود JSX كبير جدًا. قم باستخراج المكونات الصحيحة — وليس المكونات العشوائية. الإطار: [React 19 / RN / Next 15] القيود: [نظام التصميم / Storybook / مكونات الخادم] قواعد الاستخراج (بالترتيب): 1. قم بالاستخراج عندما يكون للشجرة الفرعية اسمها الخاص، أو حالتها الخاصة، أو يتم تضمينها في Storybook 2. لا تقم بالاستخراج لمجرد أن «الرمز طويل» — التماسك أهم من عدد الأسطر 3. لا تقم بالاستخراج إذا أدى ذلك إلى تحويل 3 متغيرات محلية ذات أسماء واضحة إلى 5 خصائص يتم تمريرها 4. الحد الفاصل بين الخادم والعميل — إذا احتاج إلى هوك، فهو مكون عميل؛ حافظ على هذا الحد عند أدنى مستوى ممكن التسليم: المكون الأصلي بعد إعادة الهيكلة ملفات مكونات جديدة مع تصديرات مسماة + واجهات Props الحفاظ على Props في الحد الأدنى — لا توجد Props «متنوعة»، ولا علامات منطقية تتحكم في 3 أشياء مختلفة فتحة children للتركيب حيث تتفوق على Props أسماء تصف «ما» تعرضه، وليس «أين» توجد (OrderTotalRow، وليس CheckoutBottomLeftBox) ملاحظة من سطر واحد لكل عملية استخراج: «تم الاستخراج بسبب » قائمة بالأشجار الفرعية التي طلبت منك استخراجها ورفضت ذلك، مع ذكر السبب
#refactoring #react #components