פגשו את באונ.js ווייט, שני מעבדי תעבורה לפיתוח האינטרנט

מדריכים

מה עם התעשיית האופניים שלך עם מטוס סילון? זה סוג של מהירות Bun.js ו Vite שמביאים לפיתוח הרשת. בואו נתעלם לאחר אותן הכלים השניים ונראה מה הם מעניקים. שני מפתחים מוולטה, אלכסנדר ואולג, עזרו לי בזה.

Bun.js: העילוי המהיר לג 'יתצפון

היא זו הזמנה שלנו של הנוירג' יפט? טוב, Bun.js גורם לו לראות את המהירות האיטית.

Load times in seconds. Credit for this and several next findings: Valletta

Nodejs vs. Bun performance comparison

השוואה בין Jest/mocha לבין Bun ביצועים

מרעיון למציאות

ג' ארד סאמר, היוצר של Bun.js, לא רק יצר תהליך הקיים נוסף של ג' יתצפון. הוא יצר ממשיך המהירות שמשיג את תשומת הלב של כל אחד.

למה Bun.js מופיע

  • מהיר בצורה בלתי נראית: בונה על גבי JavaScriptCore (מנוע הספידי), Bun.js מעלה בצורה דרמטית את הביצועים. היא יכולה לגרום ליישומים להתרחב פי שניים, אפילו אם אנו מדברים על היישומים עם ביצועים מקבילים.
  • כלי גדול: Bun.js אינו רק תהליך הקיים. הוא גם באלףן, מנהל בדיקות ומנהל חבילות הגיוני ל npm.
  • תמיכה ברשת מודרנית: Bun.js תמיד תמך ב TypeScript ו JSX, הופך אותו לדי פופולרי בעבור הפיתוח.

Bun.js: מוכן בתכונות

היממה למקומות כי Bun.

  • ניהול חבילות: פקודות כמו bun init, bun install, ו־bun run מקלות על תהליך העבודה שלך.
  • בדיקות מהירות: bun test מריצה בדיקות הרבה יותר מהר מ־Jest, עם שימוש נמוך יותר במעבד.
  • טעינה חמה: bun --hot run index.ts מציעה טעינות מהירות בזמן פיתוח.
  • אריזת קבצים יעילה: bun build משפרת את ביצועי כלים מסורתיים כמו webpack.

Bun.js בפעולה

תדמית לריצת נתיב Express שיוצרת מחרוזות אקראיות וגם גיבורי SHA1. עם Bun.js, אתה מעבד אותן מיד. זה יכול לטפל ב־10,000 בקשות בקלות, זה הכל.

המתחרה החדשה

שהושקה בספטמבר 2023, Bun.js מרגע לעבור שמות. למרות שנפתח בעיקר על ידי פרט אחד, ג'ארד סאמנר, זה כבר שובר שיאים.

Vite: כלי הבנייה המהיר

בעוד ש־Bun.js מצביע על שיאי מהירות, Vite מחדש מוני בנייה. זה לא רק מהיר – זה מהיר בצורה מדהימה.

חוויית השימוש ב־Vite

אוואן יו, יוצר ה־Vue.js, פיתח את Vite כדי לטפל בתהליכי בנייה איטיים. Vite משנה את זמני הבנייה, משנה מול זמנים ארוכים היו דבר של עבר.

תכונות מרשימות של Vite

  • החלפת מודול חמה (HMR): HMR של Vite כל כך מהיר, זה כמעט באופן מיידי.
  • בנייה מתוחכמת: בשימוש ב־esbuild לפיתוח וב־Rollup לייצור, Vite ממקם את בנייתך בצורה מתוחכמת כמעט כקבוע.
  • אגנוסטי לפריימוורק: Vite תומך במספר רב של פריימוורקים פופולריים כמו React, Vue או Svelte.
  • פיצול קוד וטעינה אסינכרונית: Vite מבצע פיצול קוד בצורה יעילה ומטעין חתיכות באופן אסינכרוני.
  • תמיכה ב־SSR: Vite תומך בקידום דף לצד השרת מיידית.

Vite בפועל

לכלל, בניית Vite לייצור ממש מהירה, עם זמן של רק 3.37 שניות. בהשוואה, Webpack לוקחת 10.82 שניות ו־Parcel לוקחת 9.01 שניות.

כלים של Vite

Vite עובדת עם סדרת כלים:

  • Vitest: סבירה למחסור במסגרת בדיקות.
  • Astro: אידיאלית לבניית אתרי תוכן.
  • Slidev: כלי ליצירת שקופיות למצגות.
  • React-starter-kit: תבנית React עוצמתית.

הקומבו החזק: Bun.js ו־Vite

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

התחלה

רוצה לנסות את השילוב הזה? כך תעשה זאת:

התקנת בון.js

JavaScript

  

sh
curl https://bun.sh/install | bash

יצירת פרוייקט וייט

JavaScript

  

sh
npm create vite@latest my-speed-demon-project
cd my-speed-demon-project

התקנת תלויים בעזרת בון

JavaScript

  

sh
bun install

התחלת השרת הפיתוח

JavaScript

  

sh
bun run dev

עכשיו אתה מקוון במהירות מדהימה.

יישומים בעולם המציאות

היכן בון.js ווייט מבהיקים? הנה כמה סינריומים:

  • API: בון.js מטפל בעיקרון הקשר במהירות, בעוד וייט וודא שהחלק הקדמי תמיד מוכן.
  • יישומים בזמן אמת: עם בון.js עבור WebSockets ווייט עבור עדכונים מהירים, יישומים בזמן אמת נרגילים.
  • אתרים סטטיים: וייט מותקנת את הבנייות על מנת לגרום לאתרים הסטטיים להתחיל לטעון כמעט מיד.

סיום

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

Source:
https://dzone.com/articles/meet-bunjs-and-vite-two-web-development-turbocharg