JSFoo 2014

JavaScript as the centerpiece of a complex web stack

Bhargava Srinarasi

@srinarasi

Object.observe -- Native data binding in javascript

Submitted Jun 30, 2014

We have been using MV* frameworks to get notifications when a javascript object is updated in our webapp. But they came with either of the two disadvantages.

  1. Polling for change which wasted significant amount of processing cycles.
  2. Having to use the containers specified by the framework to store our objects.

We now have a native JS way to achieve this in a way that lets us have the best of both worlds.

Outline

When we are building a Webapp, we almost always need a mechanism to detect changes to objects that we care about so that we can process the changes. Until now, we had to depend on some frameworks which were doing some form of dirtychecking to implement this functionality. Now, we have an efficient, native way to do it.

In the session, we’ll talk a bit about how we use frameworks like Backbone, Ember and Angular to achieve data binding. We’ll talk about the disadvantages with each of them. We’ll then talk about the new Object.observe and it’s advantages. Finally we’ll go through a few examples and benchmarks.

Requirements

Experience of using any MV* Framework

Speaker bio

A member of Adobe Dreamweaver Development team, Bhargava has been working at Adobe for more than 6 years. His interests include web development, data analysis, data visualization and building tools to help others with the same. He has contributed to open source IDEs like Brackets. He likes talking about himself in third person.

Comments

{{ gettext('Login to leave a comment') }}

{{ gettext('Post a comment…') }}
{{ gettext('New comment') }}
{{ formTitle }}

{{ errorMsg }}

{{ gettext('No comments posted yet') }}

Hosted by

JSFoo is a forum for discussing UI engineering; fullstack development; web applications engineering, performance, security and design; accessibility; and latest developments in #JavaScript. Follow JSFoo on Twitter more