lit

بسيط. سريع. مكونات الويب.

Lit هي مكتبة بسيطة لبناء مكونات ويب سريعة وخفيفة الوزن.

في جوهر Lit، توجد فئة أساسية من المكونات النمطية التي توفر حالة تفاعلية وأنماط محددة ونظام قالب تعريفي صغير وسريع ومعبر.

التوثيق

راجع الوثائق الكاملة لـ Lit على lit.dev.

يمكن العثور على وثائق إضافية للمطورين الذين يتطلعون إلى المساهمة أو فهم المزيد حول المشروع في dev-docs .

npm

للتثبيت من npm:

npm i lit

مضاءة مونوريبو

هذا هو monorepo لحزم Lit.

مصدر 2.x مضاء متاح على فرع 2.x مصدر lit-html 1.x متاح على فرع lit-html-1.x .

الحزم

• الحزم الأساسية
  • lit - حزمة Lit الأساسية التي تواجه المستخدم والتي تتضمن كل شيء بدءًا من lit-html وlit-element.
  • lit-element - الفئة الأساسية لمكونات الويب المستخدمة في Lit.
  • lit-html - مكتبة العرض التي يستخدمها LitElement.
  • @lit/reactive-element - فئة أساسية منخفضة المستوى توفر دورة حياة تفاعلية بناءً على تغييرات السمات/الخاصية.
• مكتبات إضافية
  • @lit/localize - مكتبة وأداة سطر أوامر لتوطين تطبيقات الويب المبنية باستخدام Lit.
  • @lit/localize-tools - أدوات الترجمة للاستخدام مع @lit/localize .
  • @lit/react - غلاف مكون React لمكونات الويب.
  • @lit/task - وحدة تحكم لـ Lit تعرض مهام غير متزامنة.
  • @lit/context - نظام لتمرير البيانات عبر شجرة من العناصر باستخدام أحداث المتصفح، وتجنب الحاجة إلى تمرير الخصائص إلى أسفل كل طبقة من الشجرة باستخدام بروتوكول محدد من قبل المجتمع.
• مختبرات
  • @lit-labs/ssr - حزمة خادم لعرض قوالب ومكونات Lit على الخادم.
  • @lit-labs/ssr-client - مجموعة من وحدات الدعم من جانب العميل لعرض مكونات وقوالب Lit على الخادم باستخدام @lit-labs/ssr .
  • @lit-labs/eleventy-plugin-lit - مكون إضافي لـ Eleventy يعرض مسبقًا مكونات Lit باستخدام @lit-labs/ssr مع ترطيب اختياري.
  • @lit-labs/ssr-react - حزمة لدمج Lit SSR مع أطر عمل React وReact.
  • @lit-labs/nextjs - مكون إضافي لـ Next.js يتيح العرض العميق للخادم لمكونات Lit باستخدام Lit SSR.
  • @lit-labs/router - جهاز توجيه لـ Lit.
  • @lit-labs/motion - توجيهات مضاءة لجعل الأشياء تتحرك
  • @lit-labs/scoped-registry-mixin - خليط لـ LitElement يتكامل مع polyfill التخميني Scoped CustomElementRegistry.
  • @lit-labs/observers - مجموعة من وحدات التحكم التفاعلية التي تسهل استخدام كائنات مراقب النظام الأساسي.
  • @lit-labs/preact-signals - تكامل إشارات Preact لـ Lit.
  • @lit-labs/testing - أدوات مساعدة لاختبار مكونات Lit.
  • @lit-labs/virtualizer - المحاكاة الافتراضية القائمة على منفذ العرض (بما في ذلك التمرير الافتراضي).
  • @lit-labs/compiler - مترجم لتحسين قوالب Lit.
• مجموعات المبتدئين (لم يتم نشرها في npm)
  • lit-starter-ts (نموذج الريبو) - مستودع بداية لإنشاء مكونات قابلة لإعادة الاستخدام باستخدام Lit في TypeScript.
  • lit-starter-js (نموذج الريبو) - مستودع بداية لإنشاء مكونات قابلة لإعادة الاستخدام باستخدام Lit في JavaScript.
• الحزم الداخلية (غير منشورة على npm)
  • tests - البنية التحتية لاختبار المونوريبو.
  • benchmarks - معايير لاختبار المكتبات المختلفة في monorepo.
  • @lit-internal/scripts - البرامج النصية المساعدة المستخدمة داخل monorepo.

المساهمة في مضاءة

Lit مفتوح المصدر ونحن نقدر تقارير المشكلات وطلبات السحب. راجع CONTRIBUTING.md لمزيد من المعلومات.

إعداد monorepo مضاءة من أجل التنمية

تهيئة الريبو:

git clone https://github.com/lit/lit.git
cd lit
npm ci

بناء كافة الحزم:

npm run build

اختبار جميع الحزم:

npm run test

تشغيل المعايير لجميع الحزم:

npm run benchmarks

راجع الملفات التمهيدية للحزمة الفردية للحصول على تفاصيل حول التطوير لحزمة معينة.