Svelte היא מסגרת פשוטה שקל להשתמש בה והשינויים האחרונים שלה אמורים להקל עוד יותר.

ביוני 2023, Svelte הכריזה על המהדורה היציבה האחרונה שלה, גרסה 4. עדכון Svelte 4 הוא בעיקרו מהדורת תחזוקה של Svelte 3, שמטרתה להציב את הקרקע לשחרור הדור הבא של Svelte בתור Svelte 5.

Svelte 4 מוסיף שיפורים שונים למערכת האקולוגית של Svelte, כולל עיצוב מחדש של האתר, הגדרת מעברים מקומיים כברירת מחדל, שיפור התמיכה ברכיבי אינטרנט ומעבר מ-TypeScript ל-JSDoc.

1. עיצוב מחדש של אתר Svelte

Svelte 4 הגיע יחד עם שיפורים לרשמי אתר Svelte. המראה החדש של האתר פנטסטי, עם מסמכי TypeScript משופרים, אפשרות למצב כהה, וחווית משתמש משופרת בדרך כלל במכשירים שונים.

לאתר Svelte יש כעת REPL משופר המאפשר לך להתנסות בקוד Svelte ישירות בדפדפן.

כמו כן, כל הקישורים למדריכי Svelte מצביעים כעת על החוויה החדשה של לומדי Svelte, בעוד שמדריכים ישנים זמינים למשתמשי Safari 16.3 ומעלה.

2. מעברים מקומיים הם ברירת מחדל

תארו לעצמכם את החוויה הכואבת של צורך להסתפק במעברי CSS לאחר שראיתי את הדף שלך נטען זמן רב מהצפוי מכיוון שהשתמשת במעברי Svelte.

בדרך כלל, מעבר מתנגן כאשר אתה הורס בלוק הורה. אתה יכול לעקוף התנהגות זו עם ה

instagram viewer
|מקומי מַתקֵן. זה גורם למעבר לפעול רק כאשר אתה הורס את הבלוק המכיל את רכיב המטרה. ב-Svelte 4, זה |מקומי שינוי מוגדר כברירת מחדל עבור מעברים.

בקטע למטה, מעבר שקף נוסף באופן מקומי ל- div אֵלֵמֶנט:

 {פריט}

3. תמיכה משופרת ברכיבי אינטרנט

Svelte תמיד קידמה שימוש חוזר ותחזוקה, ומכאן התמיכה המתמשכת שלה ברכיבי אינטרנט. רכיבי אינטרנט מאפשרים לך ליצור רכיבי HTML מותאמים אישית הניתנים לשימוש חוזר עם סגנונות והתנהגות מוזרקים.

Svelte 4 משנה את האופן שבו הוא יוצר רכיבי אינטרנט, מסיר באגים וחוסר עקביות. שינויים אלה כוללים:

  • יְצוּא יוצר אבזר רכיב, מה שהופך אותו לנגיש לצרכני הרכיבים.
  • מטלות הן תגובתיות. כדי לשנות מצב של רכיב ולהפעיל רינדור מחדש, הקצה אותו למשתנה שהוכרז מקומית.
  • להשתמש ב $ סמל בתחילת הצהרה כדי לסמן אותה כהצהרה תגובתית. הצהרות ריאקטיביות פועלות אחרי קוד סקריפט אחר ולפני עיבוד סימון הרכיבים, בכל פעם שערכים תלויים משתנים.
  • בעת יצירת אובייקטי חנות, קידומת החנות עם $ כדי לאפשר גישה תגובתית לערך.
  • הגדרת תכונת ההקשר של תג סקריפט ל מודול גורם לסקריפט לפעול פעם אחת כאשר המודול מבצע הערכה ראשונה ולא עבור כל מופע של רכיב.

4. המעבר מ-TypeScript ל-JSDoc

JSDoc הוא כלי תיעוד התומך בהוספת הערות והערות מסוגים לקודי JavaScript.

בהתחשב בכך ש-JSDoc מרמה מפתחים לתעד את הקודים שלהם, הגירה זו נועדה לעודד מפתחי Svelte נוספים ליצור הרגל לתעד נכון את הקודים שלהם. בסיס קוד JavaScrpt מתועד כראוי ידרוש מעט או לא בדיקת סוגים.

אם אתה חדש ב-TypeScript, כדאי לך חקור את TypeScript וגלה מדוע מפתחים מעדיפים אותו.

עובר ל-Svelte 4

ל-Svelte 4 יש ביצועים משופרים ופיתוח יעיל, שהוא מצוין לבניית יישומי אינטרנט בעלי ביצועים גבוהים. מהדורה חדשה זו אמורה גם לעודד תיעוד קוד טוב יותר עם המעבר ל-JSDoc.

Svelte ממשיכה להשתפר, ולמרות שזו לא מסגרת שכל מפתח מכיר, מי שמשבח אותה מאוד.