Svelte
الإطار الذي يختفي وقت البناء — حِزم دقيقة، بلا DOM افتراضي، وأخفّ كود تكتبه في الواجهات.
ما هي، ولماذا نستخدمها.
يراهن Svelte رهاناً مختلفاً: بدل إرسال زمن تشغيل إلى المتصفّح، يترجم مكوّناتك إلى JavaScript صرف بحدّه الأدنى. والنتيجة حزم صغيرة جداً وسرعة بدء يصعب مضاهاتها — بشيفرة أقصر وأقرب إلى HTML/CSS/JS الصِّرفة من أي منافس. ويوفّر SvelteKit الإطار الشامل حوله.
Svelte هو خيارنا للعناصر المضمّنة والأدوات الحرجة للأداء — أي شيء يُحمَّل داخل صفحة شخص آخر، حيث يكون كل كيلوبايت محلّ تفاوض. وللمنتجات الكاملة نوازن رشاقته مقابل عمق منظومة React، بصدق، لكل مشروع.
Svelte vs React vs Vue.js.
Svelte مقابل الإطارين اللذين يُقارَن بهما عادةً — الرشاقة مقابل ثقل المنظومة.
| العنصر | Svelte | React | Vue.js |
|---|---|---|---|
| زمن التشغيل | لا شيء — مُترجَم حتى التلاشي | زمن تشغيل DOM افتراضي | زمن تشغيل تفاعلي |
| حجم الحزمة | الأصغر بفارق كبير | الأكبر | صغير إلى متوسّط |
| شيفرة تكتبها أنت | الأقل — الأقرب إلى الصِّرف | أكثر إجراءات شكلية | متوسّط |
| المنظومة | الأنحف — ستكتب بعض الأشياء بنفسك | كل شيء موجود | قوي |
| التوظيف | مجموعة صغيرة متحمّسة | أعمق مجموعة كفاءات | جيّد |
Svelte يتفوّق عندما
- حجم الحزمة متطلَّب منتج، لا تفضيل
- عناصر مضمّنة وأدوات تعمل على صفحات الآخرين
- فرق أولى صغيرة لا تحتاج الذيل الطويل من المكتبات
React يتفوّق عندما
- تعتمد على مكتبات ناضجة: محرّرات، ومخطّطات، ومصادقة
- التوظيف على نطاق واسع جزء من الخطّة
- الموبايل عبر React Native ضمن خارطة الطريق
Vue يتفوّق عندما
- تريد الرشاقة ومنظومة رسمية ناضجة
- القوالب تلائم الفريق
- اقتران Laravel يهمّ
Svelte هو كيف يبدو تطوير الواجهات بعد إزالة المراسم. ننشره حيث تكون رشاقته قابلة للقياس في المنتج — ونحن صريحون بأن عمق المنظومة، لا الأناقة، هو ما يحسم معظم البناءات الكبيرة.
هل تفكّر في Svelte?
Tell us what you're building. We'll tell you honestly whether Svelte is the right tool for it.