Sveltejs Academy · درس

الترحيل من Svelte 4 إلى 5

حوّل مكوّنات Svelte 4 لاستخدام Runes عبر دليل الترحيل الرسمي وأدوات codemods.

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

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

عقلية الترحيل

يتوافق Svelte 5 إلى حد كبير مع الإصدارات السابقة. ويمكنك الترحيل مكوّنًا بعد مكوّن.

أداة التحويل الرسمية

شغّل نص الترحيل لتحويل الصيغة القديمة تلقائيًا.

npx sv migrate svelte-5

ما الذي تفعله

تعيد أداة التحويل كتابة export let إلى $props()، و$: إلى $derived/$effect، وغير ذلك.

مراجعة الناتج

راجع دائمًا الشيفرة بعد ترحيلها. فبعض الأنماط تحتاج إلى قرارات يدوية.

التعايش

يمكن للصيغة القديمة والجديدة أن تتعايشا في الملف نفسه؛ إذ يكتشف Svelte 5 الصيغة لكل كتلة.

التعديلات التفاعلية

تجعل وكلاء $state الدالة array.push() تفاعلية. ويمكنك حذف عمليات إعادة الإسناد القديمة المستخدمة كحلول مؤقتة.

مرسل الأحداث

يُستبدل createEventDispatcher بخصائص رد الاتصال التي تُمرَّر عبر $props().

الفتحات مقابل المقاطع

لا تزال الفتحات تعمل؛ فكّر في إعادة كتابتها كمقاطع في المكوّنات الجديدة.

توافق المخازن

لا تزال svelte/store مدعومة. ويمكنك الاستمرار في استخدام المخازن أو إعادة هيكلة حالة التطبيق باستخدام $state.

توافق المكتبات

تستهدف معظم المكتبات كلا الإصدارين؛ حدّث مكوّنًا واحدًا في كل مرة.

التوثيق

تتضمن وثائق Svelte 5 دليل ترحيل يحتوي على مقارنات جنبًا إلى جنب.

اختبار سريع

هل يمكنك الجمع بين صيغتي Svelte 4 وSvelte 5؟

مراجعة

رحّل إلى Svelte 5 باستخدام npx sv migrate svelte-5؛ إذ تظل الصيغة القديمة عاملةً لتبنٍّ تدريجي.

البدء مجانًا

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

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

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

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

هل درس «الترحيل من Svelte 4 إلى 5» مجاني؟

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

ماذا ستتعلم في «الترحيل من Svelte 4 إلى 5»؟

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

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

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

كم من الوقت يستغرق درس «الترحيل من Svelte 4 إلى 5»؟

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

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

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

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

  1. $state.raw للحالة غير التفاعلية
  2. $derived.by للاشتقاقات المعقدة
  3. $effect.root للتنظيف اليدوي
  4. الترحيل من Svelte 4 إلى 5
← العودة إلى Sveltejs Academy