יתרונות Svelte על פני React ו-Vue
האם יש יתרונות בשימוש ב-Svelte במקום ב-React או ב-Vue?
האם זה רק בגלל הביצועים?
קל יותר לשלב ספריות JavaScript "ארוכות" כי Svelte פועל על אובייקטים DOM אמיתיים, לא וירטואליים.
עבור Vue לפחות, ספריית vanilla JS היא קומפוזיציה רחוקה מהאינטגרציה. Vue משתמשת בדומיין הווירטואלי לדיפינג, אבל היא מעודכנת את הדומיין על ההתקנה, והעדכונים הבאים מתרחשים רק באופן אטומי לאחר שינויים במצב.
אני מסכים.הגעתי לכמה פעמים שבהן הייתי צריך לשלב ספריות vanilla javascript וזה רק עובד עם svelte.אני לא השתמשתי vue בגילאים אז לא יודע או זוכר אם יש לו יכולות דומות.
תגובה גנטית ?
אין צורך לשלוח זמן ריצה מכיוון ש-Svelte אינה משתמשת ב-Dom וירטואלי.
Svelte יש זמן הפעלה עם svelte 5 עבור רונים וסימנים - אבל הוא קטן ומאפשר יישומים להגדיר הרבה יותר טוב בגודל מאשר בעבר. אז לפני svelte 5 לא היה זמן הפעלה, אבל ולכן הקוד היה "כפול" בין הרכיבים.
חשבתי שהוא משתמש בסימנים JavaScript למטה.
כמובן, אותות מיושמים ב-JavaScript, אבל אין סטנדרטים עבור אותות ב-JavaScript.אני חושב שהיה הצעה אחת לפני זמן מה, אבל זה עדיין לא סטנדרט.
זה פשוט יותר נחמד לעבוד עם imo. vue דומה, אבל ההבדל בין react הוא מדהים. react גורם לך ללמוד הרבה מושגים נוספים ופסלים ורובים להימנע.
למרבה הצער, הפכתי מ- sveltekit ל-nuxt כי זה פשוט גדול מספיק כדי לא לדאוג להגדיל את הצוות שלך על זה.
מה בדיוק חסר? מה לעצור צוות המשתמש svelte מ skaling?
שום דבר מחוץ לזה להיות ירוק יחסית עבור Devs חדשים.
אני טוען כי כל מפתחים חכמים מספיק כדי לתפוס את React יכול להתגבר על עצמם React ב Svelte בתוך שבוע בערך.
זה יכול לשרת את אותם מטרות כמו vue או פרויקט תגובה. אפילו התחלתי את החברה שלי באמצעות svelte, וזה אפשרי. Svelte יכול להיות מהיר יותר בפיתוח, אבל באותו זמן כאשר אתה נתקל בבעיה זה הרבה יותר קשה לפתור. לא לדבר על רכישת כישרון כי זה כל כך הרבה יותר פשוט עבור vue, כי יש רק יותר פיתוחים עבור זה. אני אוהב svelte והוא תמיד היה תומך, אל תתבלבלו אותי. אבל כאשר אתה מגדיל את העסק אתה רוצה להתמקד שיווק ומכירות צד, לא טכנולוגיה.
מדוע קשה יותר לפתור בעיות של Svelte? בסיס הקוד נשמר די טוב על ידי כמה אנשים מאוד מוסמכים בבירור, אז זה אפשרי להסתכל למה זה לא עובד. במיוחד עם סיוע AI. ואת התיעוד הוא די נהדר גם. בשבילי, הדבר הכי מבולבל על sveltekit הוא כמה פשוט זה. זה כמו שאני מצפה קסם שחור יותר ממה שיש. אבל אולי לא השתמשתי בו מספיק זמן. איזה סוג של בעיות אתה חושב על?
זה פשוט לא (על פי הניסיון שלי). אני בונה ב Svelte מאז הימים הראשונים, עם הרבה אפליקציות בייצור. אני בונה ב React עבור העבודה הרגילה, ו Svelte עבור כל הדברים שלי. React יוצר פרדוקס מעניין שבו הוא introduces בעיות רבות בשל המורכבות שהוא דורש. זה גורם למפתחים לפחד קהל קטן יותר ב Svelte כי הם תוהים "מי יענה על כל השאלות האלה אני תמיד יש???" אבל התשובה קרובה יותר "רבים מהשאלות האלה אתה אפילו לא יהיה ב Svelte". זו גם הסיבה שאני גם מאמין כי כל מפתחים חכמים מספיק כדי להחזיק את עצמם ב React יכול לחסל אותו לחלוטין (בזמן לא) ב Svelte.
כן הסכמתי, זה בדיוק מה שאני מתכוון.הדבר המפחיד ביותר הוא שאין הרבה מה לדאוג ב-Svelte, כך שזה נראה כאילו משהו חסר.
הבעיות הגרועות ביותר שהייתי צריך להתמודד עם השימוש ב- Svelte היו ההבדלים העדיןים באופן שבו שרשויות של תלויות חנות משולבות והצהרות '$:' תגובה עבדו עדכונים, יצירת הבדלים בהתנהגות לוגיקה שווה ערך לכאורה. אבל אפילו זה היה צפוי, מובן מבחינה אדריכלית, קל לעבוד עם וזה כמעט אף פעם לא בעיה משמעותית שרוב מפתחי Svelte מנוסים אפילו לא מודעים לזה.
אני מרגיש כאילו אני אחד מאלה מעטים שלא באמת אוהבים רונים ... הם מדהימים במקרים מסוימים, ומרגישים כמו רגרסיה DX באחרים. אני מסכים איתך לחלוטין עם חלק מהאתגרים של תגובה, אבל אז כל מסגרת תגובה נראה שיש בעיה זו בדרך זו או אחרת (בטח ב React בחוויה שלי).
מוחלט
עבור קודי סוכנים פחות אפיזודה טוקן
חחחחחחחחחחחחחחחחחחחחחחחחחחחחחחחחחחחחחח
טעות עד שאתה מוכיח את זה
לא ניסיתי לאחרונה, אבל הרגשתי את ההפך כמה חודשים קודם לכן כמו מודלים מטומטמים רק התקנת חבילות תגובה למרות שאמרתי לא.
מצאתי את זה קל לשימוש בעת יצירת ספריית גנרטור תמונה עם מסלול .png זה פשוט לא משהו שאתה יכול לעשות במבט. אתה יכול ב React כי זה תומך אלה פונקציות בצד השרת. Svelte הרגיש קל יותר ונקייה יותר כאשר בדקתי את שניהם. (שימש ליצירת כותרות ייחודיות עבור פוסטים בבלוג המבוסס על גרסת slug של הכותרת כזרע)
פחות מתח
כמעט הכל חוץ מהשוק
אני עלול להיכנע לומר את זה, אבל אני חושב כי שוק העבודה הוא באותה מידה מאתגר כיום, ללא קשר לספרייה או מסגרת, וזה הופך לדיון ישן.
עבור מה שזה שווה, AI הוא מה שהפך אותי להתחיל "להשתמש" Svelte בפעם הראשונה. אני לא יכול להצדיק את זה לפני, למרות מחקר ומסקנה כי זה ככל הנראה המסגרת הטובה ביותר, אבל עכשיו שאני יכול בעצם לכתוב מחדש כל דבר בכל דבר, הלכתי מעולם לא לגעת Svelte להשתמש בו בכל מקום. סוכנים נראה לעבוד טוב עם זה. אני מעולם לא כתבתי שורה של קוד Svelte בעצמי - או, בכנות, כל קוד קדמי, pre-AI אני תמיד עבדתי עם וניל מבל JS / TS behemoths - אבל אני בעצם פשוט להכות את AI עם "טוב לנסות לחלק את זה ליותר מרכיבים ולהשתמש מחדש את הרכיבים הקיימים הללו במקום להמציא רכיבים חדשים רק בשביל זה" כל פעם
Svelte עולה פחות טוקינים. ברצינות! פיתחתי אתר אינטרנט מורכב 3x באמצעות Svelte, React ו Vue באמצעות Claude 4.8 Svelte היה הרבה יותר זול. בדיוק כמו האליקסר הוא זול יותר מאשר Python Zig הוא זול יותר מאשר ברזל Elixir פיתוח הוא זול יותר מאשר רוב השפות. האם זה באמת משנה כבר מה השפה היא? זה הכל על מהירות ועלות טוקין לא ימים אנושיים. זה: כמה מהר אתה יכול להשיג פתרון ללא שגיאות באמצעות מספר מינימלי של טוקינים. הטכנולוגיות הזולות ביותר לפתח עם LLMs צריכות לשרוד אלא אם המפיצים של טוקינים יכולים להשפיע על שקיות הטכנולוגיה. אבל, היי, אנחנו נוהגים מכוניות בנזין במשך מאות שנים - מהו
Hahaha oh lord לדמיין אופטימיזציה עבור הזמינות עבור עבודות קוד יד ב 2026
בעוד לא יד-קוד, פתיחות התפקיד עדיין דורשים ניסיון בשפה הספציפית, מסגרת ו-infra הפרויקט משתמש, לא רק בשפה מסוימת, מסגרת, ו-infra.
הערה ברורה מאוד
תגית: Slam Dunk Comment
קוד ברור ופשוט יותר, פחות אקדחים ותאוריות מסגרות, אין vDOM (זה הולך מעבר ביצועים). BTW, יש מספר הולך וגדל של שחקנים גדולים ביצועים גבוהים (לא מספיק) אשר הלכו מלא על Svelte (אפל, Hugging פנים,...).
כן, יהיה לך כיף להתנתק כאשר הם שולחים גירסה שבורת לחלוטין של המסגרת מלבד זה, DX הוא הרבה, הרבה יותר גרוע. אינטגרציה TS היא גם הרבה יותר גרוע. Svelte הוא מסגרת כיף אם אתה משתמש בו על רשימת העבודה שלך סוג הפרויקט.
תוכנה יש שגיאות, הם כבר תיקנו את זה.
אתה לא צריך להתקין חבילות כי צעיר בכל מקרה בימים אלה והזדקנות של התקפות שרשרת האספקה.
>mehhhhh הם שחררו גירסה קבועה ב 24 שעות הם עשו? https://www.npmjs.com/package/svelte?activeTab=versions חשבתי שהגרסה שבורת הייתה האחרונה במשך 3 ימים עם 130k הורדות.
האם אתה מעודכן לגרסאות העדכניות ביותר של כל החבילות שלך, בייצור? האם אתה מתפלל להיות hacked? אין מדיניות גיל מינימלי? בכלל?
עדיף להפסיק לשתות
DX. למדתי React כ 3 פעמים, קורסים שונים, עשרות פרויקטים חיות מחמד. לקח לי בערך 4 חודשים לפני שזה לחץ. אבל עם Svelte הייתי מוכן ליצור בתוך 3 ימים של לימוד. BTW זה מגוחך כי Svelte מרגיש קרוב יותר ל- Vanilla JS, מאשר React.
כמה שנים של React בנייה תחת החגורה שלי לפני שהגעתי Svelte, ואני בתוך יום או יומיים הייתי כבר מהיר בהמשך.
React יש גם dsl, JSX הוא לא וניל
JSX הוא סוכר סינתטי עבור React.createElement()
כן, זה סוכר סינטקטי. תבניות Vue הם סוכר עבור Vue createElement תבניות Svelte הם סוכר עבור פעולות dom כל אחד מהם משתמש בהרחבות קובץ לא סטנדרטיות, .tsx/jsx, .vue ו- .svelte.
הומו, זה הגיוני
בריאות נפשית
סינתקס נקי, כמעט אותו הדבר כמו vue, לא צריך יותר מדי ext deps
פונקציות מרחוק: https://svelte.dev/docs/kit/remote-functions
ועכשיו הם תומכים זרימה בזמן אמת.
הייתי כותב React מקצועי מאז זה היה ספרייה נישה חדשה מ Facebook.
למעשה, כלים חוטים הם טובים יותר עבור React עדיין.
אותו צוות בשני החשבונות!עדיין עובד ב React עד היום (עבודה), ועדיין יכול לומר בבטחה Svelte הוא רק נקי יותר, פשוט יותר, ביצועים טובים יותר, ופותר כל כך הרבה בעיות ברמת האפליקציה React לא.
תגית: make my day
זה טוב עבור פיתוח אינטרנט מוטבע כי זה משתמש פחות אחסון
זה קשה לכתוב קוד רע. המפרסם פשוט עושה את העלאת כבד. לוח אנדרואיד הייצור היה 2MB על React MVP שלי ל 500kb ב mt Svelte קוד. הכל טוען מהר, האפליקציה היא חכמה, קוד אינו גיהינום. פחות פגום ארקולוגיה חבילה, פחות ספריות ללמוד. זה פשוט עובד.
- DX 2. Probe לשמור יותר טוקינים עבור קוד סוכן 3. אין מושגים מוזרים ללמוד... בניגוד React
אתה מצהיר מה HTML/CSS שלך הוא עבור קבוצה מסוימת של משתנים (מצב): זה תבנית. 2. אתה כותב את אותו ההיגיון של חיבור פעולות המשתמש לשינויים במצב זה: זה התכנות. זה כל העבודה. Svelte 5 לקח את שניהם ומשפר אותם. תכנות: עם שורות, מצב הוא רק משתנה TypeScript שכתוב ב-Pure TypeScript. להחשב = $state(0), אז 'להחבר את המצב שלם++. אתה כותב את אותו ההיגיון של חיבור משתנה על ידי שינוי זה: שום דבר מיוחד, תבנית טהור. תבנית: אתה עושה קובץ '.svelte רק``````````````````````````
זווית עבור הרחובות, Svelte עבור הצלחות
את שומרת על הבריאות שלך?
הכל
קל יותר על סוכני הקוד.הם יכולים לדון בקלות יותר עם svelte כמו דברים אינם נפרדים מדי.
פשוט תשתמש במה שהוא הכי טוב.
אתה תאהב את זה, זה היתרון הגדול ביותר.
ספריה אחת עבור Frontend ו- Backend, React יכול לעשות גם כן, אך Reac עושה את זה מסובך.
React: We have solutions to your problems, and then we have solutions to the problems that our previous solutions made... and now you are downloading 600kb worth of React on page load svelte: we got reactivity... state management... and JavaScript, figure out the solution to your problem by yourself bro
המפתח יהיה רכיבים אינטרנט, ושימוש חכם של חיבור. אנחנו לא צריכים להסתמך לחלוטין על מסגרת מלאה. לבחור כל דבר שעובד עבור טווח קטן, לבנות רכיבים / וידג'טים ולמלא את הקשר כך ש- AI יכול לספק טוב יותר, ואתה יכול לשלוט באיכות גם כן. אבל זה לא משנה כי אנחנו רוצים להפוך את הכל קניין עם Rust / Go ו- Web Assembly.
אני אומר שהשאלה היא "vs react". אז, ניסיון מפתחים. Vue יש די דומה DX.
Developer Experience הוא רק waaay נחמד יותר, עבד במשך 3 שנים ב Svelte, SvelteKit, Typescript, GraphQL סט.
האם תוכל לפרט קצת על ידי ניקר?
React תרגיל הוא לעתים קרובות מרגיש כאילו אתה צריך רשימה שלמה של תלויות רק כדי לקבל דברים בסיסיים לעבוד. הרבה זה יכול להרגיש חריף, לא מאוד מעוגן, ומלא מושגים מוזרים או מלכודות מוסתרים שאינם ברורים בהתחלה. לאורך זמן, זה מרגיש נפוח, במיוחד ברכיבים מורכבים כגון קופסה / תשלום מסד או דברים דומים. עבדתי בחנות מקוונת עבור תווית אופנה כאן בגרמניה, שבו היינו מחוברים על Svelte די מהר. זה היה כיף לעבוד עם, ו כי אני נהניתי כל כך הרבה, למדתי הרבה בדרך עם Svelte, SvelteKit, TypeScript, ו GraphQL. לאחר שנים של עבודה עם הקוד העתיק הזה, זה היה ממש מרענן לראות את כל