 differences between angle bracket and curly syntax:</p>
<ul>
<li><p>The component name is in <code>CapitalCase</code> instead of <code>kebab-case</code>.
<code>{{my-component}}</code> becomes <code>&lt;MyComponent /&gt;</code>.</p></li>
<li><p>Components open and close in the same way as HTML elements. Components that do
not accept a block can use the self closing syntax (a trailing slash) just
like <code>&lt;img /&gt;</code> or other tags.</p></li>
<li><p><em>Arguments</em> are passed by adding <code>@</c