הכר את המסגרת של Svelte ולמד כיצד לפתח אפליקציות אינטרנט חכמות באמצעות המדריך הזה.
Svelte היא אחת ממסגרות JavaScript החמות ביותר בסביבה. בסקר המפתחים של StackOverflow לשנת 2022, היא התגלתה כמסגרת ה-JavaScript השנייה האהובה ביותר בקרב מפתחי אינטרנט. במדריך זה תלמדו את היסודות וכיצד לבנות יישום פשוט לביצוע באמצעות Svelte.
תחילת העבודה עם Svelte
אתה תגדיר דברים עם כלי בניית Vite. פתח את הטרמינל והפעל את הפקודות למטה ברצף. תן שם לפרויקט "svelte-app" (או לבחירתך), בחר Svelte כמסגרת, והגדר JavaScript כגרסה.
חוט ליצור vite
CD svelte-app
חוּט
מפתח חוטפתח את הפרויקט בעורך קוד, מחק את ה lib תיקייה, ומחק את התוכן של app.css הקובץ וה- App.svelte קוֹבֶץ.
איך Svelte משתווה להגיב
ה DOM הוא מבנה דמוי עץ נוצר מ-HTML של אתר, המציג את הקשרים בין האלמנטים השונים המרכיבים את הדף.
בניגוד ל-React שמשתמש ב-DOM וירטואלי, Svelte הוא מהדר שמבין בזמן הבנייה איך דברים באפליקציה שלך יכולים להשתנות. מכיוון ש-Svelte פועלת בזמן הבנייה, היא מביאה ל-JavaScript וניל עם ביצועים גבוהים ואופטימליים.
תגובתיות ואנימציה ב-Svelte
המבנה של רוב יישומי Svelte מודגם להלן. אתה יכול לבחור לא לכלול את
סִגְנוֹן תגים משאירים רק את תַסרִיט וסימון:
