البدء مع Svelte

Svelte هو نهج جديد وثوري لبناء واجهات المستخدم. بينما تقوم أطر العمل التقليدية مثل React و Vue بإجراء معظم العمل في المتصفح، ينقل Svelte هذا العمل إلى خطوة التجميع التي تحدث عند بناء تطبيقك.

لماذا Svelte؟

فيما يلي بعض الأسباب التي تجعل Svelte يكتسب شعبية:

1. لا يوجد DOM افتراضي - يقوم Svelte بتجميع الكود الخاص بك إلى JavaScript نقي وصغير الحجم بدون إطار عمل
2. تفاعلي حقًا - لا حاجة لمكتبات إدارة الحالة المعقدة
3. كود أقل - قم ببناء مكونات خالية من الشيفرة المكررة باستخدام لغات تعرفها بالفعل
4. أحجام حزم أصغر - قم بتسليم كود أقل للمستخدمين

إعداد مشروع Svelte

البدء مع Svelte سهل. يمكنك استخدام SvelteKit، وهو إطار التطبيق الرسمي لـ Svelte:

npm create svelte@latest my-app
cd my-app
npm install
npm run dev

مكون Svelte أساسي

إليك كيف يبدو مكون Svelte بسيط:

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

<button on:click={increment}>
  تم النقر {count} {count === 1 ? 'مرة' : 'مرات'}
</button>

الختام

يقدم Svelte نهجًا منعشًا لبناء تطبيقات الويب. ينتج عن نهج وقت التجميع الخاص به أحجام حزم أصغر وأداء وقت تشغيل أفضل مقارنة بأطر العمل الأخرى.

في المقالات المستقبلية، سنتعمق في ميزات Svelte وكيفية بناء تطبيقات أكثر تعقيدًا باستخدامه.