تنزيل cwco - تنزيل رمز المصدر cwco

cwco

مكونات الطرف الثالث

Release 1.7.8

تنزيل

CWCO

مكتبة Contextfull Web Component التي تم إنشاؤها لتحسين تجربة مستخدم APIs مكونة ويب مع:

✅ لا يوجد بناء مطلوب (التوصيل والتشغيل)!
✅ يعمل مع المكتبات والأطر الأخرى مثل React و Angular و Vue و Svelte وما إلى ذلك ؛
✅ قالب تفاعلي حقيقي
✅ توجيهات مدمجة قوية (بما في ذلك القدرة على إنشاء خاص بك)
✅ معالجة بيانات السياق المدمجة
✅ الحدث وربط البيانات في HTML و CSS
✅ إنشاء عرض مباشرة في ملف HTML
✅ API بسيط
✅ التقديم السريع
✅ حزمة خفيفة الوزن

الوثائق (cwco.beforesemicolon.com)

ابدء
WebComponent
ContextProviderComponent
التكوينات
نموذج
التصميم
الأحداث
صفات
ملكيات
سياق
التوجيهات
توجيهات مخصصة
LiveCycles
معالجة الخطأ

ثَبَّتَ

يمكن استخدام هذه الوحدة مباشرة في المتصفح وكذلك في بيئة العقدة. يمكنك حتى استخدامه جنبًا إلى جنب مع مكتبات الويب والأطر الأخرى مثل React و Angular .

متصفح

 <!-- use the latest version -->
< script src =" https://unpkg.com/cwco/dist/cwco.min.js " > </ script >

<!-- use a specific version -->
< script src =" https://unpkg.com/[email protected]/dist/cwco.min.js " > </ script >

<!-- link your app script after -->
< script src =" app.js " > </ script >

Nodejs

 npm install cwco

يمكنك بعد ذلك استيراد فئة البنائين وفقًا لما تبنيه.

 const { WebComponent , ContextProviderComponent , Directive } = require ( 'cwco' ) ;

محرري الرمز و IDES

CWCO هو مجرد HTML وإذا كنت تريد تمييز بناء الجملة لـ VSCode ، يمكنك استخدام HTML المضمّن

vscode

لتسليط الضوء على بناء الجملة لـ HTML و CSS في javaScript ، استخدم المكونات الإضافية المضمّنة HTML أو Lit-HTML.

يمكنك استيراد html من cwco وهو مجرد مساعدة لـ VSCODE التي لا تفعل شيئًا خاصًا لسلسلة HTML التي تستخدمها معها.

 import { html , css , WebComponent } from "./cwco" ;

class MyButton extends WebComponent {
  get template ( ) {
    return html `<button><slot></slot></button>`
  }
  
  get stylesheet ( ) {
    return css `<style>button {color: #222}</style>`
    // or 
    // return css`button {color: #222}`
  }
}