مقدمة إلى Svelte

Svelte هو إطار عمل JavaScript مفتوح المصدر تم تطويره لإنشاء واجهات مستخدم تفاعلية بطريقة مبتكرة. على عكس React أو Vue التي تعتمد على Virtual DOM لتحديث الصفحة، يقوم Svelte بترجمة الكود إلى JavaScript نقي أثناء البناء، مما ينتج تطبيقات خفيفة وسريعة جدًا. يُركز Svelte على البساطة، حيث يتيح كتابة مكونات باستخدام HTML وCSS وJavaScript في ملف واحد بصيغة .svelte. يُعتبر مثاليًا للمطورين الذين يريدون إنشاء تطبيقات ويب عالية الأداء مثل المدونات أو لوحات التحكم، مع تجربة تطوير ممتعة وبسيطة.

المميزات الرئيسية

• لا يوجد Virtual DOM: تحديث مباشر للـ DOM لأداء أسرع.
• كتابة كود أقل: بناء مكونات تفاعلية ببساطة ووضوح.
• تطبيقات خفيفة: ينتج حزم صغيرة جدًا من JavaScript.
• تفاعلية مدمجة: لا حاجة لمكتبات خارجية لإدارة الحالة.

التثبيت

💻 مثال لمكون بسيط

    
<script>
let count = 0;
function handleClick() {
  count += 1;
}
</script>

<button on:click={handleClick}>
Clicked {count} {count === 1 ? 'time' : 'times'}
</button>

  

🔗 روابط مفيدة

• الموقع الرسمي لـ Svelte
• دليل البدء السريع