#C4_L5" id=C4_L5></a><a href="#C4_L6" id=C4_L6></a><a href="#C4_L7" id=C4_L7></a><a href="#C4_L8" id=C4_L8></a><a href="#C4_L9" id=C4_L9></a></span></code></pre></div>
<p>Not only did we clean up the original template to be more readable, we now
have a <code>&lt;UserProfile&gt;</code> component that we can reuse whenever we need to render
information about a given user.</p>
<p>You can think of components as Ember's way for letting you create your own HTML
tags. In addition to rendering content, components c