أساسيات Context وتجنّب تمرير الخصائص عبر المكوّنات

الهدف: مشاركة القيم (السمة والمستخدم والإعدادات المحلية) عبر الشجرة من دون تمرير الخصائص عبر طبقات متتالية.

• إنشاء Context
• التغليف باستخدام Provider
• القراءة عبر useContext

تمرير الخصائص عبر الطبقات = تمرير الخصائص عبر طبقات لا تحتاج إليها. يؤدي ذلك إلى ازدحام الشيفرة ويجعل إعادة الهيكلة أصعب.

أنشئوا ThemeContext، ووفّروا theme في المستوى الأعلى، ثم اقرأوه في مستوى عميق من الشجرة باستخدام useContext.

نصائح:

• حافظوا على صغر قيم Context (مثل theme أو كائن user أو الإجراءات الصغيرة).
• غلّفوا المكوّنات في المواضع اللازمة فقط لإبقاء عمليات إعادة التصيير محلية.
• سمّوا Provider وhook بوضوح (مثل ThemeProvider وuseTheme).

أنشئوا hook صغيرًا باسم useTheme لتجنب استيراد Context في كل مكان؛ فهو يستدعي useContext داخليًا فقط.

تجنّبوا استخدام Context من أجل:

• القيم الديناميكية جدًا والمتغيرة باستمرار، التي تتسبب في عمليات إعادة تصيير كثيرة.
• الحالة المحلية التي يستخدمها مكوّن واحد.
• الكائنات الكبيرة جدًا؛ مرّروا فقط ما يحتاج إليه الأبناء.

مراجعة: أنشئوا Context، ووفّروا قيمة بالقرب من المستوى الأعلى، ثم اقرأوها باستخدام useContext (أو hook مساعد) في مستوى عميق من الشجرة لتجنب تمرير الخصائص المتكرر.