الميزة الرئيسية في Svelte أنه مترجم (Compiler): يحوّل مكوناتك إلى JavaScript عادي محسّن أثناء البناء، بدل أن يرسل مكتبة كبيرة تعمل في المتصفح.
<script>
let count = 0;
</script>
<button on:click={() => count++}>
Clicked {count} times
</button>ماذا يعني ذلك؟
- لا يوجد Virtual DOM: الكود الناتج يحدّث الصفحة مباشرة.
- ملفات أصغر وتحميل أسرع غالبًا.
- كتابة بسيطة: تغيير المتغير يكفي لتحديث الواجهة.
المقارنة
React وVue يرسلان مكتبة تعمل في المتصفح وتستخدم Virtual DOM. Svelte يقوم بمعظم العمل قبل أن يصل الكود للمتصفح. ولا يحتاج خادمًا خاصًا، والناتج HTML وCSS وJavaScript عادية.