نمط Event Bus باستخدام Stores
نفّذ ناقل أحداث عامًا باستخدام Store قابل للكتابة لتحقيق تواصل منفصل.
نمط Event Bus باستخدام Stores درس مجاني في Sveltejs Academy على CoddyKit. هذا هو الدرس 2 من أصل 4. يمكنك قراءة الدرس كاملاً أدناه مجاناً — ثم تمرن عليه مباشرة في المتصفح باستخدام محرر أكواد مدمج ومدرس ذكاء اصطناعي متاح 24/7. هذا الدرس جزء من مسار التعلم في Sveltejs Academy، وتقدمك يتزامن عبر الويب وتطبيق CoddyKit. تتضمن دورة Sveltejs Academy 4 دروس في المجموع.
ناقل الأحداث
ناقل الأحداث هو قناة عامة للنشر والاشتراك تتيح التواصل دون اقتران.
التنفيذ باستخدام writable
يعمل المخزن القابل للكتابة الذي يحمل أحدث حدث كناقل بسيط.
const bus = writable(null);
export function emit(event) { bus.set(event); }
export function on(fn) { return bus.subscribe(e => { if (e) fn(e); }); }حالة استخدام
يُصدر أحد المكونات حدث إشعار، بينما يشترك مكوّن آخر فيه ويعرض الإشعارات على مستوى التطبيق.
فك الاقتران
لا يستورد المُرسِل والمستقبِل أحدهما الآخر؛ بل يعتمد كلاهما على الناقل.
أمان الأنواع
حدّد أنواع الأحداث كاتحاد مميَّز لضمان أمان المشتركين.
type Event = { type: "toast"; text: string } | { type: "logout" };الاشتراك مرة واحدة
غلّف الاشتراك بإلغاء تلقائي باستخدام اختصار $ داخل المكونات.
ناقلات متعددة
قسّم الناقلات حسب المجال: appBus وmodalBus وaudioBus، لتجنب إنشاء قناة ضخمة واحدة.
نمط مضاد
يؤدي الإفراط في استخدام ناقلات الأحداث إلى تدفق بيانات ضمني. فضّل الخصائص أو المخازن المباشرة عندما تكون الملكية واضحة.
دلالات إعادة التشغيل
تحتفظ المخازن القابلة للكتابة بالقيمة الأحدث فقط. وللاحتفاظ بسجل الأحداث الكامل، استخدم مخزنًا على شكل مصفوفة.
الأحداث الخارجية
يمكن لناقل الأحداث أيضًا تغليف أحداث المتصفح مثل تغيير حجم النافذة أو اختصارات لوحة المفاتيح.
الاختبار
يمكن للاختبارات إصدار أحداث والتحقق من استجابة المشتركين بالشكل المناسب.
تحقق سريع
ما فائدة ناقل الأحداث؟
مراجعة
أنشئ ناقل أحداث بسيطًا باستخدام مخزن قابل للكتابة. أصدر الأحداث واشترك فيها لتحقيق تواصل غير مقترن بين الأجزاء المختلفة.
تعلم HTML مع معلم ذكاء اصطناعي — مجانًا
اكتب وقم بتشغيل أكوادك الفعلية في المتصفح، واحصل على مساعدة فورية من معلم ذكاء اصطناعي متاح 24/7، واستمر من حيث توقفت على الويب أو في التطبيق.
- الدورات
- 41
- الدروس
- 163
الأسئلة الشائعة
هل درس «نمط Event Bus باستخدام Stores» مجاني؟
نعم — نص درس «نمط Event Bus باستخدام Stores» كامل متاح مجاناً هنا على الويب. لتمرينه بشكل تفاعلي (محرر أكواد مدمج ومدرس ذكاء اصطناعي متاح 24/7) وفتح باقي دورة Sveltejs Academy، انتقل إلى CoddyKit PRO. تتضمن دورة Sveltejs Academy 4 دروس في المجموع.
ماذا ستتعلم في «نمط Event Bus باستخدام Stores»؟
نفّذ ناقل أحداث عامًا باستخدام Store قابل للكتابة لتحقيق تواصل منفصل. تتمرن على Sveltejs Academy مع أكواد عملية تشغلها مباشرة في المتصفح، ومدرس ذكاء اصطناعي متاح 24/7 يجيب على أسئلتك أثناء عملك.
هل أحتاج إلى خبرة سابقة لأبدأ Sveltejs Academy؟
لا تُشترط خبرة سابقة. Sveltejs Academy على CoddyKit منظم للمبتدئين حتى المتقدمين، لذا يمكنك البدء من هنا أو من البداية والتقدم بسرعتك الخاصة. هذا هو الدرس 2 من أصل 4.
كم من الوقت يستغرق درس «نمط Event Bus باستخدام Stores»؟
معظم دروس CoddyKit تستغرق حوالي 5–10 دقائق. كل منها موجز وتفاعلي، لذا تحرز تقدماً مستمراً وتستأنف من حيث توقفت عبر الويب والتطبيق.
هل يمكنني كتابة وتشغيل أكواد في درس Sveltejs Academy هذا؟
نعم. كل درس في Sveltejs Academy يتضمن محرر أكواد مدمج، لذا تكتب وتشغل أكواداً حقيقية مباشرة في متصفحك وتحصل على تعليقات فورية من الذكاء الاصطناعي — بدون إعداد محلي.
جميع الدروس في هذه الدورة
- بنية Store: وحدات الميزات
- نمط Event Bus باستخدام Stores
- تحديثات واجهة المستخدم التفاؤلية
- التراجع والإعادة باستخدام سجل Store