انتقل إلى محتوى الدرس

Splitting Unrelated Contexts فصل السياقات غير المترابطة

صمّم مكونات مزودات سياق مستقلة في React لإدارة الوضع الفاتح والداكن واتجاه اللغة من اليمين لليسار ومن اليسار لليمين عبر شجرة المكونات بالكامل دون تمرير وسيط.
2 صفوف تعليمية
ReactJS
0 مشاهدة

شرح صفوف ومحتوى الفقرة

الصف 1 شرح توضيحي

مع توسع التطبيق، تجنب إغراء جمع القيم غير المترابطة مثل المظهر واللغة وحساب المستخدم والتنبيهات داخل كائن سياق عملاق واحد. فعندما تتغير أي خاصية داخل قيمة سياق مشترك، تعيد جميع المكونات المشتركة في ذلك السياق تصيير نفسها حتى لو كانت تقرأ خاصية أخرى لم تتغير.

إن تقسيم النطاقات المستقلة إلى مزودات متخصصة متداخلة مثل <ThemeProvider> و<LocaleProvider> و<UserProvider> يحافظ على تماسك المسؤوليات ويضمن ألا يعيد تبديل الألوان تصيير المكونات المهتمة ببيانات المستخدم فقط.

الصف 2 ملاحظة هامة