Here a small framework has been created that gives a life cycle for components (Header, Table, Footer).

export class CalendarComponent extends DomListener {
  constructor($root, options = {}) {
    super($root, options.listeners)
    this.name = options.name || ''
    this.prepare()
  }
  prepare() {

  }

  toHtml() {
  }

  init() {
    this.initDomListeners()
  }

  destroy() {

  }
}