تعرف على إطار عمل Svelte وتعلم كيفية تطوير تطبيقات الويب الذكية باستخدام هذا الدليل.

Svelte هي واحدة من أهم أطر عمل JavaScript الموجودة. في 2022 StackOverflow Developer Survey ، ظهر باعتباره ثاني أكثر إطار عمل JavaScript محبوبًا بين مطوري الويب. في هذا الدليل ، ستتعلم الأساسيات وكيفية إنشاء تطبيق مهام بسيط باستخدام Svelte.

الشروع في العمل مع Svelte

سوف تقوم بإعداد الأشياء مع أداة بناء Vite. افتح الجهاز وقم بتشغيل الأوامر أدناه بالتسلسل. قم بتسمية المشروع "svelte-app" (أو اختيارك) ، وحدد Svelte كإطار العمل ، وقم بتعيين JavaScript كمتغير.

الغزل يخلق vite
قرص مضغوط التطبيق الرقيق
غزل
ديف الغزل

افتح المشروع في محرر التعليمات البرمجية ، واحذف ملف ليب المجلد ، وامسح محتويات ملف app.css ملف و التطبيق ملف.

كيف يقارن Svelte بالتفاعل

ال DOM هيكل يشبه الشجرة تم إنشاؤه من HTML الخاص بالموقع ، والذي يعرض العلاقات بين العناصر المختلفة التي تتكون منها الصفحة.

على عكس React التي تستخدم DOM الظاهري ، فإن Svelte هو مترجم يفهم في وقت البناء ، كيف يمكن أن تتغير الأشياء في تطبيقك. نظرًا لأن Svelte يعمل في وقت الإنشاء ، فإنه ينتج عنه JavaScript فانيليا عالي الأداء ومحسّن.

instagram viewer

التفاعلية والرسوم المتحركة في Svelte

هيكل معظم تطبيقات Svelte موضح أدناه. يمكنك اختيار عدم تضمين ملف أسلوب العلامات التي تترك فقط النصي والترميز: