Sveltejs Academy · درس

متى تستخدم Stores بدل الحالة المحلية

اختر بين حالة المكوّن وStores استنادًا إلى احتياجات المشاركة والعمر

الدرس 3 من 413 خطوة

متى تستخدم Stores بدل الحالة المحلية درس مجاني في Sveltejs Academy على CoddyKit. هذا هو الدرس 3 من أصل 4. يمكنك قراءة الدرس كاملاً أدناه مجاناً — ثم تمرن عليه مباشرة في المتصفح باستخدام محرر أكواد مدمج ومدرس ذكاء اصطناعي متاح 24/7. هذا الدرس جزء من مسار التعلم في Sveltejs Academy، وتقدمك يتزامن عبر الويب وتطبيق CoddyKit. تتضمن دورة Sveltejs Academy 4 دروس في المجموع.

الحالة المحلية

استخدم let في المكوّن عندما تكون البيانات خاصة بذلك المكوّن فقط.

خصائص المكوّن

استخدم export let للمدخلات القادمة من المكوّن الأب. يملك المكوّن الأب الحالة.

المخازن

استخدم المخازن عندما تحتاج مكوّنات متعددة غير مرتبطة إلى مشاركة البيانات نفسها أو التفاعل معها.

أمثلة على المخازن

المستخدم الحالي، والسمة، ومحتويات سلة التسوق، والإشعارات — أي شيء عامًا.

أمثلة على الحالة المحلية

مدخلات النماذج، ومفاتيح التبديل، وحالة التمرير، ومؤقتات الحركة — كل ما يقتصر على مكوّن واحد.

واجهة Context API

للبيانات المشتركة داخل شجرة فرعية دون أن تكون عامة، استخدم setContext/getContext.

تجنّب استخدام المخازن مبكرًا

ابدأ بالحالة المحلية، ثم انقلها إلى مخزن عندما تزداد الحاجة إلى مشاركتها.

قابلية الاختبار

الحالة المحلية هي الأسهل في الاختبار. أما المخازن فتحتاج إلى محاكاة أو تغليف.

الاستمرارية

غلّف المخازن بمزامنة مع localStorage للاحتفاظ بالحالة.

إعادة الهيكلة

الانتقال من الحالة المحلية إلى مخزن هو إعادة هيكلة بسيطة: استبدل let بالمخزن، واستبدل x بـ $x.

نمط مضاد: وضع كل شيء في المخازن

يؤدي وضع كل الحالة في المخازن إلى إنشاء اقتران ضمني. فضّل الحالة المحلية حتى تدعو الحاجة إلى غير ذلك.

تحقق سريع

متى يكون المخزن هو الخيار المناسب؟

مراجعة

اجعل let المحلي هو الخيار الافتراضي، ثم انقل الحالة إلى المخازن أو السياق عند زيادة الحاجة إلى مشاركتها.

البدء مجانًا

تعلم HTML مع معلم ذكاء اصطناعي — مجانًا

اكتب وقم بتشغيل أكوادك الفعلية في المتصفح، واحصل على مساعدة فورية من معلم ذكاء اصطناعي متاح 24/7، واستمر من حيث توقفت على الويب أو في التطبيق.

الدورات
41
الدروس
163

الأسئلة الشائعة

هل درس «متى تستخدم Stores بدل الحالة المحلية» مجاني؟

نعم — نص درس «متى تستخدم Stores بدل الحالة المحلية» كامل متاح مجاناً هنا على الويب. لتمرينه بشكل تفاعلي (محرر أكواد مدمج ومدرس ذكاء اصطناعي متاح 24/7) وفتح باقي دورة Sveltejs Academy، انتقل إلى CoddyKit PRO. تتضمن دورة Sveltejs Academy 4 دروس في المجموع.

ماذا ستتعلم في «متى تستخدم Stores بدل الحالة المحلية»؟

اختر بين حالة المكوّن وStores استنادًا إلى احتياجات المشاركة والعمر تتمرن على Sveltejs Academy مع أكواد عملية تشغلها مباشرة في المتصفح، ومدرس ذكاء اصطناعي متاح 24/7 يجيب على أسئلتك أثناء عملك.

هل أحتاج إلى خبرة سابقة لأبدأ Sveltejs Academy؟

لا تُشترط خبرة سابقة. Sveltejs Academy على CoddyKit منظم للمبتدئين حتى المتقدمين، لذا يمكنك البدء من هنا أو من البداية والتقدم بسرعتك الخاصة. هذا هو الدرس 3 من أصل 4.

كم من الوقت يستغرق درس «متى تستخدم Stores بدل الحالة المحلية»؟

معظم دروس CoddyKit تستغرق حوالي 5–10 دقائق. كل منها موجز وتفاعلي، لذا تحرز تقدماً مستمراً وتستأنف من حيث توقفت عبر الويب والتطبيق.

هل يمكنني كتابة وتشغيل أكواد في درس Sveltejs Academy هذا؟

نعم. كل درس في Sveltejs Academy يتضمن محرر أكواد مدمج، لذا تكتب وتشغل أكواداً حقيقية مباشرة في متصفحك وتحصل على تعليقات فورية من الذكاء الاصطناعي — بدون إعداد محلي.

جميع الدروس في هذه الدورة

  1. التصريحات التفاعلية: كتلة $:
  2. التبعيات التفاعلية وترتيب التنفيذ
  3. متى تستخدم Stores بدل الحالة المحلية
  4. تجنّب الإغلاقات القديمة
← العودة إلى Sveltejs Academy