توصيف الخصائص والقوالب العامة للمكوّنات القابلة لإعادة الاستخدام
اكتب توصيفًا واضحًا لخصائص المكوّنات، وابنِ أجزاء عامة صغيرة (مثل List ) باستخدام JSDoc أو TS. اجعل القيم الافتراضية بسيطة وآمنة.
توصيف الخصائص والقوالب العامة للمكوّنات القابلة لإعادة الاستخدام درس مجاني في React Academy على CoddyKit. هذا هو الدرس 1 من أصل 3. يمكنك قراءة الدرس كاملاً أدناه مجاناً — ثم تمرن عليه مباشرة في المتصفح باستخدام محرر أكواد مدمج ومدرس ذكاء اصطناعي متاح 24/7. هذا الدرس جزء من مسار التعلم في React Academy، وتقدمك يتزامن عبر الويب وتطبيق CoddyKit. تتضمن دورة React Academy 3 دروس في المجموع.
لماذا كتابة أنواع props والأنواع العامة؟
الهدف: إضافة أنواع واضحة لـ props وبناء مكوّن صغير عام.
- خصائص مكتوبة النوع (title، onClick)
- قيم افتراضية عبر بديل بسيط
- List<T> عام يعرض أي بنية عنصر
الأفكار الأساسية
- أنواع props: توثّق البنية وتمنع سوء الاستخدام
- الأنواع العامة: تعيد استخدام المنطق مع بنيات بيانات متعددة
- القيم الافتراضية: تحافظ على أمان القيم الاختيارية
خصائص Button المكتوبة النوع والقيمة الافتراضية
اكتب أنواع الخصائص باستخدام JSDoc حتى يظل المثال قابلًا للتشغيل. وفّر قيمة افتراضية عند غياب label.
<div id="root"></div>القائمة العامة List<T> (عبر JSDoc)
أنشئ List<T> عامة صغيرة: مرّر items وrender للتحكم في طريقة عرض كل عنصر.
<div id="root"></div>InputField مكتوب النوع مع التحقق
أنشئ InputField صغيرًا بخصائص مكتوبة النوع وقاعدة أساسية لكون القيمة مطلوبة.
<div id="root"></div>نصائح وقائمة تحقق
- حافظ على صغر ووضوح أنواع props
- استخدم الأنواع العامة عندما يعتمد المكوّن على بنية العنصر
- وفّر قيمًا افتراضية لتجنب فحوصات undefined في كل مكان
اختبار مفهوم الأنواع العامة
خلاصة
خلاصة: اكتب أنواع props، وقدّم قيمًا افتراضية آمنة، واستخرج وحدات بناء عامة مثل List<T> لإعادة استخدام واجهة المستخدم من دون فقدان الأمان.
الأسئلة الشائعة
هل درس «توصيف الخصائص والقوالب العامة للمكوّنات القابلة لإعادة الاستخدام» مجاني؟
نعم — نص درس «توصيف الخصائص والقوالب العامة للمكوّنات القابلة لإعادة الاستخدام» كامل متاح مجاناً هنا على الويب. لتمرينه بشكل تفاعلي (محرر أكواد مدمج ومدرس ذكاء اصطناعي متاح 24/7) وفتح باقي دورة React Academy، انتقل إلى CoddyKit PRO. تتضمن دورة React Academy 3 دروس في المجموع.
ماذا ستتعلم في «توصيف الخصائص والقوالب العامة للمكوّنات القابلة لإعادة الاستخدام»؟
اكتب توصيفًا واضحًا لخصائص المكوّنات، وابنِ أجزاء عامة صغيرة (مثل List ) باستخدام JSDoc أو TS. اجعل القيم الافتراضية بسيطة وآمنة. تتمرن على React Academy مع أكواد عملية تشغلها مباشرة في المتصفح، ومدرس ذكاء اصطناعي متاح 24/7 يجيب على أسئلتك أثناء عملك.
هل أحتاج إلى خبرة سابقة لأبدأ React Academy؟
لا تُشترط خبرة سابقة. React Academy على CoddyKit منظم للمبتدئين حتى المتقدمين، لذا يمكنك البدء من هنا أو من البداية والتقدم بسرعتك الخاصة. هذا هو الدرس 1 من أصل 3.
كم من الوقت يستغرق درس «توصيف الخصائص والقوالب العامة للمكوّنات القابلة لإعادة الاستخدام»؟
معظم دروس CoddyKit تستغرق حوالي 5–10 دقائق. كل منها موجز وتفاعلي، لذا تحرز تقدماً مستمراً وتستأنف من حيث توقفت عبر الويب والتطبيق.
هل يمكنني كتابة وتشغيل أكواد في درس React Academy هذا؟
نعم. كل درس في React Academy يتضمن محرر أكواد مدمج، لذا تكتب وتشغل أكواداً حقيقية مباشرة في متصفحك وتحصل على تعليقات فورية من الذكاء الاصطناعي — بدون إعداد محلي.
جميع الدروس في هذه الدورة
- توصيف الخصائص والقوالب العامة للمكوّنات القابلة لإعادة الاستخدام
- توصيف الأحداث والمراجع وContext
- الترحيل التدريجي