Почему этот пример не работает в ember 2.8?

Question

[Алексей]

Добрый день. Осваивая eber наткнулся на такую статью с примерами. Второй сверху раздел Data Binding, в нём пример со списком из 10000 элементов и поле для редактирования. Если запустить этот пример по ссылке из статьи то поле редактируется без задержек, но в примере как я вижу используется ember 1.2. Попробовал тоже самое на версии 2.8 и стало тормозить. Подскажите это нормально или я что то не так сделал? И можно ли получить то же поведение в новых версиях ember?

route:

import Ember from 'ember';
import Item from './../item';

export default Ember.Route.extend({
  model: function(){
    return Ember.ArrayProxy.create({
      content: Ember.A([Item.create()])
    });
  }
});

controller:

import Ember from 'ember';
import Item from './../item';

export default Ember.Controller.extend({
  name: "Вася",
  actions: {
    render() {
      var list = this.get("model");
      for (var i=1; i< 10000; i++) {
        list.addObject(Item.create({
          id: i
        }));
      }
    }
  }
});

template:

{{name}}<br>
{{input type="text" value=name}}
<br>

<button {{action "render"}}>render</button>

<ul>
  {{#each model as |item|}}
    <li>{{item.id}}</li>
  {{/each}}
</ul>
{{outlet}}

item:

import Ember from 'ember';

export default Ember.Object.extend({
  id: 0
});