Ember Latest

The latest build of Ember.

HTML

<script src="http://builds.handlebarsjs.com.s3.amazonaws.com/handlebars-v2.0.0.js"></script>
<script src="http://builds.emberjs.com/ember-latest.js"></script>
<script type="text/x-handlebars" data-template-name="application">
    <h1>ember-latest jsfiddle</h1>
    {{link-to 'Render' 'list'}}
    {{link-to 'Clear' 'application'}}
    {{outlet}}
</script>
<script type="text/x-handlebars" data-template-name="list">
  Render time: {{App.Benchmark}} milliseconds
  <table>
      <thead>
          <tr>
              <th>Name</th>
              <th>Number</th>
          </tr>
      </thead>
      <tbody>
      {{#each}}
      <tr>
          <td>{{name}}</td>
          <td>{{num}}</td>
      </tr>
      {{/each}}
      </tbody>
   </table>
</script>

CSS

h1 { font-size: 1.6em; padding-bottom: 10px; }
h2 { font-size: 1.4em; }
ul { padding: 15px; font-size: 1.4em; color: green; }

JavaScript

App = Ember.Application.create({});

App.Router.map(function() {
    this.route('list');
});

App.ListRoute = Ember.Route.extend({
  model: function() {
      var res = [];

      for(var i=0;i<=500;i++) {
          res.push(Ember.Object.create({
              name: 'Item ' + i,
              num: Math.random(1,100)
          }));
      }

      return Ember.ArrayProxy.create({ content: res })
  },
  renderTemplate: function () {
      var start = performance.now();

      Ember.run.scheduleOnce('afterRender', this, function () {
          Ember.set(App, 'Benchmark', Math.round(performance.now() - start));
      });
      
      return this._super.apply(this, arguments);
  }
});