📋 محتويات الصفحة
📖 الوصف
Marko هو إطار عمل JavaScript من تطوير eBay يركز على الأداء من خلال نهج "الخادم أولاً". يستخدم صيغة قالب خاصة (.marko) تُجمع إلى JavaScript محسّن للأداء. يتميز Marko بتدفق HTML (HTML streaming) والتجزئة التلقائية (automatic code splitting). Marko مناسب بشكل خاص لتطبيقات التجارة الإلكترونية والتطبيقا...
🎯 يستخدم في
مجالات استخدام هذه الأداة
تطبيقات التجارة الإلكترونية (eBay يستخدمه)
مواقع ذات محتوى ثقيل
التطبيقات التي تتطلب SSR سريع
صفحات الهبوط عالية الأداء
✨ المميزات
أبرز مميزات هذه الأداة
HTML streaming للأداء الفائق
تجزئة تلقائية للكود
حجم حزمة صغير
TypeScript و JSX مدعوم
خادم أولاً مع تفاعلية على العميل
أداء محسّن لـ Core Web Vitals
⚠️ العيوب
نقاط يجب مراعاتها
مجتمع أصغر بكثير من React أو Vue
صيغة قالب خاصة قد تحتاج تعلم
موارد تعليمية محدودة
نظام بيئي أصغر
🔄 البدائل
أدوات بديلة يمكنك استخدامها
💻 مثال على الاستخدام
كيفية استخدام هذه الأداة
// components/Counter.marko
class {
onCreate() {
this.state = { count: 0 };
}
increment() {
this.state.count++;
}
}
<div>
<p>العداد: ${state.count}</p>
<button on-click('increment')>زيادة</button>
</div>
// Usage in template
<Counter initial-count=5/>
// Async data loading
import { getProducts } from './api';
$ async function loadProducts() {
const products = await getProducts();
return products;
}
<ul>
<for|product| of=loadProducts()>
<li>${product.name}</li>
</for>
</ul>📚 أدوات أخرى في Frameworks
قد يعجبك أيضاً
Alpine.js
⭐إطار عمل خفيف للتفاعل (Minimal JavaScript Framework)
Angular
⭐إطار عمل شامل (Full-Featured Framework)
Ember.js
إطار عمل شامل لتطبيقات الويب (Full-Featured Web Framework)
Lit
⭐مكتبة Web Components (Library for Building Web Components)
Mithril
إطار عمل خفيف (Lightweight Frontend Framework)
Preact
⭐بديل خفيف لـ React (React Alternative - Lightweight)