تعرف على Bun.js و Vite، شاحنتان تربويتان لتطوير الويب

ماذا عن تحسين دراجتك بمحرك جيت ؟ هذا نوع السرعة التي Bun.js و Vite تأتي بها للتطوير الويب. دعونا نغوص في هاتين الأدواتين ونرى ما يوفرون. قام من المطورين المحترفين في فالتتا، ألكساندر وأوليغ، بمساعدتي في هذا.

Bun.js: التعزيز للسرعة للجافاسكرIPT

هل تذكر عندما ظننا أن Node.js سريع ؟ حسنًا، Bun.js يجعله يبدو بطيئًا بالمقارنة.

مقارنة بين Jest/mocha وأداء Bun

من مبدأ إلى واقع

جاريد سامرر، مخترع Bun.js، لم يقم بإنشاء تشغيل جافاسكرIPT آخر. لقد صنع شيئًا يشعر بالسرعة اللامعة والذي يلحق اهتمام جميع الناس.

لماذا يختلف Bun.js عن الأخرين

• سرعة لا معنى لها: مبني على JavaScriptCore (محرك Safari)，Bun.js يزيد بشكل كبير من الأداء. يمكن أن يجعل التطبيقات تجري بسرعة مضاعفة، حتى وإن كانت التطبيقات بالسرعة المعتادة.
• أداة متنوعة: Bun.js ليس مجرد تشغيل. إنه أيضًا مجموع تركيب، ومجرد تجربة اختبار، ومدير بسيط لـ npm.
• دعم للويب الحديث: Bun.js يدعم تمامًا TypeScript و JSX، مما يجعله يعاني من الصداقة للمطورين.

Bun.js: معدات مميزة

إليك مقعدك لأن Bun.js مزيد من الميزات القوية:

• إدارة البساتين: أوامر مثل 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 من ال solicitudes، هذا كل شيء.

المتحد الجديد

أطلقت Bun.js في أيلول/سبتمبر 2023 و بسرعة كبيرة تكون معروفة. على الرغم من أن معظمها تم تطويرها بواسطة شخص واحد واصلًا ، Jarred Sumner ، لقد تم كسر بعض المراتب بالفعل.

Vite: أداة التشغيل السريعة

بينما Bun.js تسجل برمجيات سريعة ، يعيد Vite تعريف الوقت الأقل للتشغيل. إنها ليست فقط سريعة بل سريعة للغاية.

تجربة Vite

Evan You ، مبتدع Vue.js ، قام بتطوير Vite لمعالجة عمليات التشغيل البطيئة. Vite يحول الوقت المستغرق للتشغيل ، مما يجعل الانتظارات الطويلة شيئًا من الماضي.

ميزات Vite الرائعة

• إ
• تنسيق التشغيل المحسوس: تستخدم Vite esbuild للتطوير و Rollup للإنتاج، مما يؤدي إلى تحسين تشغيلك بطريقة لم ترى من قبل.
• غير تعميمي للأساسات: يدعم Vite العديد من الأساسات المستخدمة بشكل شائع مثل React، Vue أو Svelte.
• تسكين الشفرات وتحميل استبدالي: يقوم Vite بتسكين الشفرات بكفاءة وتحميل القطع بشكل أسينغراني.
• دعم تشغيل الشبكية: يدعم Vite تشغيل الشبكية الجانبية مباشرة من الصندوق.

Vite في الممارسة

تشغيل إنتاجي Vite الاستعمالي هو أسرع بما يكفي، يستغرق فقط 3.37 ثانية. في المقارنة، يستغرق Webpack 10.82 ثانية وParcel 9.01 ثانية.

أدوات Vite

يعمل Vite مع مجموعة من الأدوات:

• Vitest: نظام تجارب سريع للغاية.
• Astro: مناسب لبناء مواقع التحديث المحورية.
• Slidev: أداة لإنشاء شرائح العروض.
• React-starter-kit: قالب قوي لـ React.

الوصف القوي: Bun.js و Vite

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

البدء بالتجربة

هل ترغب في محاولة هذه التوالي؟ هذه هي الطريقة:

تثبيت بون.جي

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

إنشاء مشروع فيت

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

تثبيت المعتمدات بون

sh
bun install

تشغيل خادم التطوير

sh
bun run dev

والآن أنت تكون تكون بسرعة لا تصدق.

تطبيقات العالم الحقيقي

أين يبرز بون.جي وفيت؟ هنا بعض الأحيان:

• الAPI: يتمتع بون.جي بالسرعة في معالجة العمليات الخلفية بينما يضمن فيت أن الجانب الأمامي دائمًا جاهز.
• تطبيقات الوقت الحقيقي: مع بون.جي لWebSockets وفيت للتحديثات السريعة، تكون التطبيقات الحيوية بدون قطعات.
• المواقع الستارية: يوفر فيت تحسين البناء لجعل المواقع الستارية تتحمل تحميلًا قريبًا من المفاجئة.

الخلص

بون.جي وفيت يبدوان قفزات بعيدة في تطوير الشبكة العنكبوتية. تلك الأدوات عن التعريف بالسرعة والكفاءة. بينما قد لا تكون من المناسب للمشاريع التي لا تستخدم الأقسام ال ES أو التي تملك configurations البناء المعقدة، وبون.جي لازال يجذب المشاركين، لكنه لايمكن تعريف قدراتهم.