home > research > javascript-data-binding

data binding observable wrapper pub/sub two-way data binding html decorators dom mutation observers knockout function.bind object.defineproperty object.observe ember angular

Data Binding in JavaScript Libraries

Table of Contents

1. Background
2. Data Binding
3. Two-Way Data Binding
4. Related

1. Background

2. Data Binding

2.1. Observable Wrapper

2.2. Pub/Sub

  jQuery.trigger()

2.3. Backbone

  render: function() { }

3. Two-Way Data Binding

3.1. HTML decorators

corrected · pilot-annotation-pass · 2026-10-08

http://www.lucaongaro.eu/blog/2012/12/02/easy-two-way-data-binding-in-javascript/ (dead; archived: https://web.archive.org/web/20141231215853/http://lucaongaro.eu/blog/2012/12/02/easy-two-way-data-binding-in-javascript/)

3.2. DOM Mutation Observers

https://developer.mozilla.org/en-US/docs/DOM/DOM_Mutation_Observers

3.3. Knockout (data-bind)

correct · pilot-annotation-pass · 2026-10-08

http://knockoutjs.com/documentation/observables.html

3.4. Function.bind and Object.defineProperty

https://github.com/remy/bind.js/blob/master/lib/bind.js

3.5. Object.observe

reproduced · pilot-annotation-pass · 2026-10-08

  Object.observe(model, function(changes) { })

3.6. Ember

https://guides.emberjs.com/v1.10.0/object-model/bindings/

Ember.Object.create
Ember.View.extend

3.7. Angular

4. Related

Google Polymer Web Components – the binding model that came after
Reactive UI – the virtual DOM, which replaced observable wrappers
JavaScript Style and jQuery Best Practices – the jQuery-era conventions