closure-actions.md

Closure Actions

Rule name: closure-actions

Always use closure actions (according to DDAU convention). Exception: only when you need bubbling.

export default Controller.extend({
  actions: {
    detonate() {
      alert('Kabooom');
    }
  }
});

{{! GOOD }}
{{pretty-component boom=(action 'detonate')}}

export default Component.extend({
  actions: {
    pushLever() {
      get(this, 'boom')();
    }
  }
})

{{! BAD }}
{{awful-component detonate='detonate'}}

export default Component.extend({
  actions: {
    pushLever() {
      this.sendAction('detonate');
    }
  }
})