title: Ember template convention
body: <p>I'm trying to understand EmberJS template convention in <a href="http://www.discourse.org/" rel="nofollow">Discourse</a>.
  Here's a snippet from <code>app/assets/javascripts/discourse/templates/discovery/categories.hbs</code></p>
  
  <pre><code>{{#discovery-categories refresh="refresh"}}
    {{component controller.categoryPageStyle
                categories=model.categories
                latestTopicOnly=controller.latestTopicOnly
                topics=model.topics}}
    {{!-- my-template --}}
  {{/discovery-categories}}
  </code></pre>
  
  <p>What is the meaning of <code>discovery-categories</code> and <code>component</code>?
  For example I want to insert <code>my-template</code> to extend <code>categories.hbs</code>, what is the convention I should use to create file with my template?</p>