Backburner example: sync and render

gistfile1.js

var person, backburner = new Backburner(['sync', 'render']);

person = {
  firstName: null,
  lastName: null,
  fullName: null,
  twitter: null
};

function set(prop, val) {
  person[prop] = val;
  backburner.deferOnce('sync', updateName);
  backburner.deferOnce('render', redraw);
}

function updateName() {
  person.fullName = person.firstName + ' ' + person.lastName;
}

function redraw() {
  $('#person').text(person.fullName + ' - ' + person.twitter);
}

backburner.run(function() {
  set('firstName', 'Erik');
  set('lastName', 'Bryn');
  set('twitter', '@ebryn');
});