julesbou

var View = Backbone.View.extend({

  initialize: function() {
    // when model is updated update the DOM
    this.model.on('change', this.render.bind(this));
  },

  render: function() {
    // do rendering
  }

julesbou

var Router = Backbone.Router.extend({
  routes: {
    'foo': 'foo'
  },

  foo: function() {
    console.log('foo() called');
  }
});

julesbou

// prevent double-click
$(‘button.my-button’).on(‘click’, _.debounce(function() {
  /* .. code to handle form submition .. */
}, 500, true);

julesbou

var eventListener = _.extend({}, Backbone.Events);

var viewA = new Backbone.View({ eventlistener: eventListener });
var viewB = new Backbone.View({ eventlistener: eventListener });

julesbou

var db = {

  // will be called only once
  connect: _.once(function() {
    /* .. do something .. */
  }),

  find: function(id) {
    // lazy connection
    this.connect();

julesbou

Backbone.View.extend({
  init: function () {
    this.subviews = [
      new Backbone.View(),
      new Backbone.View(),
      new Backbone.View()
    ];
  },

  disable: function() {

julesbou

// — Vanilla Javascript (7 loc)
function getHigherKarma(name) {
  var user
  for (var i = 0; i < users.length) {
    if (users[i].name === name && users[i].karma > higherKarma) {
      user = users[i]
    }
  }
  return user
}

julesbou

var names = _.pluck(users, 'name')

julesbou

// — Vanilla Javascript (5 loc)
function getFullNames() {
  var names = []
  for (var i = 0; i < users.length; i++) {
    names.push(user.name + ' ' + user.lastName
  }
  return names
}

// — Underscore version (3 loc)

julesbou

// — Vanilla Javascript (9 loc)
function findByName(name) {
  var found
  for (var i = 0; i < users.length; i++) {
    var user = users[i]
    if (user.name === name) {
      found = user
      break
    }
  }