jfactory

アプリケーションをキャンセル可能なコンポーネントに簡単にモジュール化します。
彼らが初期化するものはすべて、監視、停止、自動的に削除することができます。
ビュー、ネストされた約束、リクエスト、リスナー、DOMおよびCSSを含む。

JFactory

• コンポーネントライフサイクル：機能性を非同期install 、 enable 、 disable 、およびuninstallます。
• CSS、DOM、イベントリスナー、オブザーバー、タイマー、リクエスト、ネストされた約束ツリーを追加すると、レジストリで自動的にサブスクライブします...
• await installとawait enableの際に、保留中のサブスクリプションを自動的に待ちます、すべてがタスクに並行しています。
• コンポーネントライフサイクルの逆のフェーズでサブスクリプションを自動的にオフにします。 uninstallリバートinstall 、Reverts enable disable 。
• ライフサイクルイベント：フェーズの変更を聞いてください。自動化の前に必要なものを非同期に準備またはクリーンアップします。
• 中絶可能で期限切れ：タスク、ネストされた約束の木、リクエストをキャンセルすることができます。
• 学習と使用が簡単：フレームワークではなく、ES6非常にモジュラー、必要なものを使用します。独自のプラグインを作成して、他の副作用を自動的に登録およびクリーンアップします。
• devtools：コンポーネントレベルのロギング、名前が付けられたログ、フィルター、サブロガーを持つサブロガー。
• デバッグ：すべての名前が付けられています。サブスクリプション（リスナー、タイマー、リクエスト、約束、dom、css ...）を追跡します。
• ...そしてもっと、詳しく見てください。

インストール	ドキュメント
npm add jfactory	特性 /クラス

概要

コンポーネントは、任意のクラスから拡張することができます。より単純に、ショートカットjFactory()を介してリテラルを使用することで、より単純に拡張できます。

 let component = jFactory ( "myComponent" , {

  async onInstall ( ) {
    this . $domFetch ( "myDom" , "asset.html" , "body" ) ;
    this . $cssFetch ( "myCss" , "asset.css" ) ;
  } ,

 async onEnable ( ) {
    this . $interval ( "myUpdater" , 1000 , ( ) =>
      this . $fetchJSON ( "myRequest" , "asset.json" )
        . then ( data => this . $log ( "updated" , data ) )
    ) ;
    this . $on ( "click" , "#bt-switch" , ( ) => this . mySwitchHandler ( ) ) ;
    this . $on ( "click" , "#bt-close" , ( ) => this . myCloseHandler ( ) ) ;
  } ,

  async mySwitchHandler ( ) {
    await ( this . $ . states . enabled ? this . $disable ( ) : this . $enable ( ) ) ;
    this . $log ( this . $ . states . enabled ) ;
  } ,

  async myCloseHandler ( ) {
   // Called by the click event on #bt-close
   // Everything in the component registery is automatically stoped and removed:
   // (myDom, myCss, myUpdater, myRequest, DOM events)
   // Residual callbacks not manually stopped from 
   // the onDisable() and onUninstall() handlers will be ignored.    
   await this . $uninstall ( ) ;
  }

} )

await component . $install ( ) ;
await component . $enable ( ) ;