شرح صفوف ومحتوى الفقرة
لسهولة استخدام السياق قد يميل المبتدئ لتطبيقه في كل مكان، لكن التوثيق الهندسي الرسمي يوصي بخطوتين أبسط قبل إنشاء أي سياق جديد: أولاً، ابدأ بتمرير الخصائص العادية للمسافات القصيرة لأنها تجعل تدفق البيانات صريحاً وسهل الصيانة؛ ثانياً، وظف التركيب عبر خاصية children بتمرير المكون الجاهز مباشرة داخل الغلاف فلا يحتاج القالب الوسيط لمعرفة بياناته أصلاً. وادخر السياق للبيانات المشتركة على نطاق واسع عبر مستويات متباعدة كما يلخص الجدول التالي:
| زاوية المقارنة | الخصائص الصريحة والتركيب بـ children | سياق React عبر createContext وuseContext |
|---|---|---|
| وضوح مسار البيانات | صريح ومباشر في معاملات دالة المكون | اشتراك ضمني يُبحث عنه في أسلاف الشجرة |
| استقلالية إعادة الاستخدام | يعمل المكون منفرداً في أي شاشة بتمرير خصائصه | يعتمد على وجود مزود مناسب فوقه أو القيمة الاحتياطية |
| ارتباط الطبقات الوسيطة | ينعدم تماماً عند تمرير العناصر عبر children | ينعدم تمرير الخصائص العابرة في الوسطاء |
| الاستخدام الهندسي الأمثل | البيانات القريبة وقوالب التغليف والتخطيط | السمة اللونية واللغة والحساب النشط والأشجار العميقة |
ملخص الدرس
حصاد الدرسمراجعة مركّزة لأهم المفاهيم والقواعد الهندسية التي أتقنتها في هذا الدرس قبل التطبيق العملي
ماذا تعلّمت في هذا الدرس؟
شخصت في هذا الدرس مشكلة حفر الخصائص العميق، وأتقنت الخطوات الثلاث لإنشاء السياق وتوفيره وقراءته عبر createContext وProvider وuseContext، وجرّبت تخصيص القيم بتداخل المزودات الفرعية، وتعرفت على متى يكون تمرير الخصائص أو التركيب بـ children أنظف من السياق. الخطوة التالية: انتقل الآن إلى الدرس رقم 30 «بناء مزود الثيم واللغة ثنائي الاتجاه عبر Context» لمواصلة البناء التراكمي المتدرج في مسار React الحديث.