Can Ember render only changes for block elements/helpers?


#1

Question to Ember gurus.

For example I have editable list of the items which generated via {{each}} helper, based on model collection. If I start to edit any item in the list and at the same time from the websocket connection it receives new item, then whole list rerendered and I lose my focus, data, and so on.

Is there a way in Ember to reconcile changes and update only what has actually changed, and not completely re-render everything.

Example:

Thanks.


#2

This might help http://dev.billysbilling.com/blog/How-to-optimize-inefficient-computed-properties-in-Ember-js

or wait until ember 2.0 then it will only re-render changed parts of the DOM.


#3

Thanks for the help, but I get following deprecation with this approach:

DEPRECATION: Before observers are deprecated and will be removed in a future release. If you want to keep track of previous values you have to implement it yourself. See http://emberjs.com/guides/deprecations/#toc_deprecate-beforeobservers for more details.