cwcoダウンロードcwcoソースコードのダウンロード

cwco

サードパーティ製コンポーネント

Release 1.7.8

ダウンロード

CWCO

ネイティブWebコンポーネントAPISユーザーエクスペリエンスを改善するために作成されたContextFull Webコンポーネントライブラリ：

buildビルドは必要ありません（プラグアンドプレイ）！
react React、Angular、Vue、Svelteなどの他のライブラリやフレームワークで動作します。
✅真に反応的なテンプレート
✅強力な組み込みディレクティブ（独自の作成能力を含む）
✅内蔵コンテキストデータ処理
HTMLおよびCSSでのイベントとデータバインディング
htmlファイルに直接ビューを構築します
✅単純なAPI
fast高速レンダリング
✅軽量パッケージ

ドキュメント（cwco.beforesemicolon.com）

はじめる
WebComponent
ContextProviderComponent
構成
テンプレート
スタイリング
イベント
属性
プロパティ
コンテクスト
指令
カスタムディレクティブ
家畜
エラー処理

インストール

このモジュールは、ノード環境でもブラウザで直接使用できます。 ReactやAngularなどの他のWebライブラリやフレームワークと一緒に使用することもできます。

ブラウザ

 <!-- 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の構文を強調表示したい場合は、inline-htmlを使用できます

vscode

JavaScriptにおけるHTMLとCSSの強調表示については、Inline-HTMLまたはLIT-HTMLプラグインを使用します。

cwcoからhtmlをインポートできます。これは、使用するHTML文字列に特別なことをしないVSCodeの単なるヘルプです。

 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}`
  }
}