Very Early Ember Impressions

On the upside, it's quick to put something together from the example apps. I was surprised to see all the cruft ember created for me in the DOM for an empty list:

Edit: An hour in and I'm already starting to think that I don't like ember. It's already easy enough to have a morass of HTML to have to wade through when I'm tweaking things in the browser. I really don't like ember making this eight times harder. Perhaps a browser plugin that could hide all of this would make life easier. All-in-all it stinks of heavier weight technologies that generate mountains of code. Compare the hand crafted HTML:

<li class="post">
  <span class="title" id="...">
    <a href="...">...</a>
  </span>
  <span class="source"> - 
    <a href="...">...</a>
  </span>
  <span class="age">...</span>
  <span class="score_details">...</span>
  <br>
  <p class="excerpt">...</p>
</li>

To the ember HTML:

<li class="post">
  <span class="title" id="<script id='metamorph-2-start' type='text/x-placeholder'></script>5046bf1d7e4abc30783160d5<script id='metamorph-2-end' type='text/x-placeholder'></script>">
    <a href="#">
      <script id="metamorph-3-start" type="text/x-placeholder"></script>
      ...
      <script id="metamorph-3-end" type="text/x-placeholder"></script>
    </a>
  </span>
  <span class="source"> - 
    <a href="...">
      <script id="metamorph-4-start" type="text/x-placeholder"></script>
      ...
      <script id="metamorph-4-end" type="text/x-placeholder"></script>
    </a>
    </span>
  <span class="age">
    <script id="metamorph-5-start" type="text/x-placeholder"></script>
    ...
    <script id="metamorph-5-end" type="text/x-placeholder"></script>
  </span>
  <span class="score_details">
    <script id="metamorph-6-start" type="text/x-placeholder"></script>
    ...
    <script id="metamorph-6-end" type="text/x-placeholder"></script>
  </span>
  <br>
  <p class="excerpt">
    <script id="metamorph-7-start" type="text/x-placeholder"></script>
    ...
    <script id="metamorph-7-end" type="text/x-placeholder"></script>
  </p>
</li>