نمط Store مخصص باستخدام subscribe/set/update
أنشئ Store بمنطق مغلّف عبر إتاحة طريقة subscribe وإجراءات مخصصة
نمط Store مخصص باستخدام subscribe/set/update درس مجاني في Sveltejs Academy على CoddyKit. هذا هو الدرس 2 من أصل 4. يمكنك قراءة الدرس كاملاً أدناه مجاناً — ثم تمرن عليه مباشرة في المتصفح باستخدام محرر أكواد مدمج ومدرس ذكاء اصطناعي متاح 24/7. هذا الدرس جزء من مسار التعلم في Sveltejs Academy، وتقدمك يتزامن عبر الويب وتطبيق CoddyKit. تتضمن دورة Sveltejs Academy 4 دروس في المجموع.
عقد المخزن
يُعد أي كائن يحتوي على دالة subscribe(fn) تعيد دالة لإلغاء الاشتراك مخزن Svelte صالحًا.
تغليف writable
أنشئ مخزنًا مخصصًا بتغليف writable وعرض واجهة برمجية مركّزة.
function createCounter() {
const { subscribe, set, update } = writable(0);
return {
subscribe,
increment: () => update(n => n + 1),
reset: () => set(0)
};
}استخدامه
صدّر نسخة واستهلكها مثل أي مخزن.
export const counter = createCounter();الاستخدام في المكوّن
اقرأ باستخدام $counter، واستدعِ دوال المجال مثل counter.increment().
منطق مغلّف
يبقى المنطق الداخلي خاصًا، ولا تُعرَض إلا الدوال التي تختارها.
أفضل من المتغيرات العامة
المخازن المخصصة قابلة للاختبار والاستبدال، بخلاف التعديلات العامة المتناثرة.
الدوال غير المتزامنة
يمكن أن تكون الدوال غير متزامنة وأن تستدعي set عند جاهزية القيمة.
load: async () => set(await fetch("/api").then(r => r.json()))آمن من ناحية الأنواع
باستخدام TypeScript، حدّد نوع شكل القيمة المعادة للحصول على IntelliSense كامل لدى المستهلكين.
الدمج مع المخازن
يمكن أن يعتمد المخزن المخصص داخليًا على مخازن أخرى لإنشاء حالة مشتقة.
نسخة مفردة مقابل دالة مُنشئة
حدّد ما إذا كنت تريد نسخة مشتركة واحدة أو دالة مُنشئة تنشئ نسخًا متعددة.
نمط واقعي
استخدم هذا النمط للسلة والمصادقة والسمة وكيانات المجال الأخرى في تطبيقك.
تحقّق سريع
ما الذي يجعل الكائن مخزن Svelte صالحًا؟
مراجعة استخدام النمط
تغلّف المخازن المخصصة writable وتعرض دوال خاصة بالمجال، مع إبقاء المنطق الداخلي مغلّفًا.
الأسئلة الشائعة
هل درس «نمط Store مخصص باستخدام subscribe/set/update» مجاني؟
نعم — نص درس «نمط Store مخصص باستخدام subscribe/set/update» كامل متاح مجاناً هنا على الويب. لتمرينه بشكل تفاعلي (محرر أكواد مدمج ومدرس ذكاء اصطناعي متاح 24/7) وفتح باقي دورة Sveltejs Academy، انتقل إلى CoddyKit PRO. تتضمن دورة Sveltejs Academy 4 دروس في المجموع.
ماذا ستتعلم في «نمط Store مخصص باستخدام subscribe/set/update»؟
أنشئ Store بمنطق مغلّف عبر إتاحة طريقة subscribe وإجراءات مخصصة تتمرن على Sveltejs Academy مع أكواد عملية تشغلها مباشرة في المتصفح، ومدرس ذكاء اصطناعي متاح 24/7 يجيب على أسئلتك أثناء عملك.
هل أحتاج إلى خبرة سابقة لأبدأ Sveltejs Academy؟
لا تُشترط خبرة سابقة. Sveltejs Academy على CoddyKit منظم للمبتدئين حتى المتقدمين، لذا يمكنك البدء من هنا أو من البداية والتقدم بسرعتك الخاصة. هذا هو الدرس 2 من أصل 4.
كم من الوقت يستغرق درس «نمط Store مخصص باستخدام subscribe/set/update»؟
معظم دروس CoddyKit تستغرق حوالي 5–10 دقائق. كل منها موجز وتفاعلي، لذا تحرز تقدماً مستمراً وتستأنف من حيث توقفت عبر الويب والتطبيق.
هل يمكنني كتابة وتشغيل أكواد في درس Sveltejs Academy هذا؟
نعم. كل درس في Sveltejs Academy يتضمن محرر أكواد مدمج، لذا تكتب وتشغل أكواداً حقيقية مباشرة في متصفحك وتحصل على تعليقات فورية من الذكاء الاصطناعي — بدون إعداد محلي.
جميع الدروس في هذه الدورة
- derived() لـ Stores المحسوبة
- نمط Store مخصص باستخدام subscribe/set/update
- قابل للقراءة انطلاقًا من قابل للكتابة
- عقود Store وقابلية التشغيل البيني