Ember.js dynamic component rendering

render_component.js

/**
  Helper for rendering a component dynamically by supplying a name.
  NOTE: Only works on Ember.js 1.9 and lower, does not work on 1.10+.
        Ember 1.11 will have this feature built-in.
  
  Usage: {{render-component widgetName someData=some.data}}
*/
Ember.Handlebars.registerHelper('render-component', function(context, options) {
  var componentName = Ember.Handlebars.get(this, context, options);
  var helper = Ember.Handlebars.resolveHelper(options.data.view.container, componentName);

  if (helper) {
    helper.call(this, options);
  } else {
    console.error('Component not found in {{render-component}}: ' + componentName);
  }
});