Emberjs Component Lifecycle

emberjs-lifecycle-hooks.js

// On Intial Render
init() {
  this._super(...arguments);
  console.log('init');
},

didReceiveAttrs() {
  this._super(...arguments);
  console.log('didReceiveAttrs');
},

willRender() {
  this._super(...arguments);
  console.log('willRender');
},

didInsertElement() {
  this._super(...arguments);
  console.log('didInsertElement');
},

didRender() {
  this._super(...arguments);
  console.log('didRender');
},

// On Re-Render
didUpdateAttrs() {
  this._super(...arguments);
  console.log('didUpdateAttrs');
},
didReceiveAttrs() {
  this._super(...arguments);
  console.log('didReceiveAttrs');
},
willUpdate() {
  this._super(...arguments);
  console.log('willUpdate');
},
willRender() {
  this._super(...arguments);
  console.log('willRender');
},
didUpdate() {
  this._super(...arguments);
  console.log('didUpdate');
},
didRender() {
  this._super(...arguments);
  console.log('didRender');
},

// On Component Destroy
willDestroyElement() {
  this._super(...arguments);
  console.log('willDestroyElement');
},
willClearRender() {
  this._super(...arguments);
  console.log('willClearRender');
},
didDestroyElement() {
  this._super(...arguments);
  console.log('didDestroyElement');
},