jfactory

Легко модулировать ваше приложение в отмену компонентов.
Все, что они инициализируют, можно контролировать, остановлено и удалено автоматически,
включая взгляды, вложенные обещания, просьбы, слушатели, DOM и CSS.

Jfactory

• Жизненные циклы компонентов : обеспечивает асинхронную install , enable , disable и uninstall функциональности.
• Автоматически подписывается в реестре при добавлении CSS, DOM, слушателей событий, наблюдателей, таймеров, запросов, вложенных деревьев обещаний ...
• Автоматически ожидает ожидающих подписок При вызове await install и await enable , все параллелизируется с задачами.
• Автоматически выключите подписки на противоположной фазе жизненного цикла компонента: uninstall install установки, disable enable .
• События жизненного цикла : слушайте фазовые изменения. Приготовьте или убирайте асинхронно то, что вам нужно перед автоматизацией.
• Аборты и срок действия: задачи, вложенные деревья и запросы обещания могут быть отменены.
• Легко учиться и использовать: не фреймворк, очень модульный 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 ( ) ;