تنسيق العمل بين المكوّن الأب والابن عبر Context
استخدم السياق داخل مكوّن أب لتمكين المكوّنات الابنة من مشاركة الحالة وتنسيق السلوك.
تنسيق العمل بين المكوّن الأب والابن عبر Context درس مجاني في React Academy على CoddyKit. هذا هو الدرس 1 من أصل 3. يمكنك قراءة الدرس كاملاً أدناه مجاناً — ثم تمرن عليه مباشرة في المتصفح باستخدام محرر أكواد مدمج ومدرس ذكاء اصطناعي متاح 24/7. هذا الدرس جزء من مسار التعلم في React Academy، وتقدمك يتزامن عبر الويب وتطبيق CoddyKit. تتضمن دورة React Academy 3 دروس في المجموع.
مقدمة عن المكوّنات المركّبة
الهدف: جعل المكوّنات تعمل معًا من خلال مشاركة السياق بدلًا من تمرير خصائص كثيرة.
المفهوم
- يوفّر العنصر الأب context
- تستهلكه العناصر الأبناء
- تبدو API كما لو كانت عناصر أصلية تعمل معًا
إعداد context
أنشئ context لمشاركة الحالة.
<div id="root"></div>
استهلاك العناصر الأبناء
تقرأ العناصر الأبناء الحالة والمعالجات المشتركة من context.
<div id="root"></div>
سهولة استخدام API
تبدو API طبيعية: يغلّف العنصر الأب المكوّن، وتعلن العناصر الأبناء سلوكها.
نصائح
- اجعل context مقتصرًا على الحد الأدنى
- صدّر hooks مساعدة مثل useToggle
- اسمح للعناصر الأبناء بأن تكون قطعًا مرنة
سؤال عن المكوّنات المركّبة
مراجعة سريعة
مراجعة سريعة: ينشئ العنصر الأب context، وتستهلكه العناصر الأبناء. يؤدي ذلك إلى تجنّب تمرير الخصائص عبر مستويات شجرة المكوّنات، وإنشاء API مرنة للمكوّنات المركّبة.
الأسئلة الشائعة
هل درس «تنسيق العمل بين المكوّن الأب والابن عبر Context» مجاني؟
نعم — نص درس «تنسيق العمل بين المكوّن الأب والابن عبر Context» كامل متاح مجاناً هنا على الويب. لتمرينه بشكل تفاعلي (محرر أكواد مدمج ومدرس ذكاء اصطناعي متاح 24/7) وفتح باقي دورة React Academy، انتقل إلى CoddyKit PRO. تتضمن دورة React Academy 3 دروس في المجموع.
ماذا ستتعلم في «تنسيق العمل بين المكوّن الأب والابن عبر Context»؟
استخدم السياق داخل مكوّن أب لتمكين المكوّنات الابنة من مشاركة الحالة وتنسيق السلوك. تتمرن على React Academy مع أكواد عملية تشغلها مباشرة في المتصفح، ومدرس ذكاء اصطناعي متاح 24/7 يجيب على أسئلتك أثناء عملك.
هل أحتاج إلى خبرة سابقة لأبدأ React Academy؟
لا تُشترط خبرة سابقة. React Academy على CoddyKit منظم للمبتدئين حتى المتقدمين، لذا يمكنك البدء من هنا أو من البداية والتقدم بسرعتك الخاصة. هذا هو الدرس 1 من أصل 3.
كم من الوقت يستغرق درس «تنسيق العمل بين المكوّن الأب والابن عبر Context»؟
معظم دروس CoddyKit تستغرق حوالي 5–10 دقائق. كل منها موجز وتفاعلي، لذا تحرز تقدماً مستمراً وتستأنف من حيث توقفت عبر الويب والتطبيق.
هل يمكنني كتابة وتشغيل أكواد في درس React Academy هذا؟
نعم. كل درس في React Academy يتضمن محرر أكواد مدمج، لذا تكتب وتشغل أكواداً حقيقية مباشرة في متصفحك وتحصل على تعليقات فورية من الذكاء الاصطناعي — بدون إعداد محلي.
جميع الدروس في هذه الدورة
- تنسيق العمل بين المكوّن الأب والابن عبر Context
- سهولة استخدام API عبر التركيب
- نمط Slots مع أبناء ذوي أسماء واضحة