Backbone.js 1.0: MVC Tipis di Atas jQuery

Backbone.js 1.0 rilis Maret 2013. Setelah dua tahun di versi 0.x, akhirnya stabil.

Saya bantu teman yang pegang redaksi — single-page app untuk wartawan submit artikel. Sebelumnya pakai jQuery murni, kode jadi spaghetti setelah 2000 baris.

Backbone kasih struktur tipis: Models, Collections, Views, Router.

var Article = Backbone.Model.extend({
  defaults: { title: '', body: '', status: 'draft' },
  url: '/api/articles'
});

var ArticleView = Backbone.View.extend({
  template: _.template($('#tpl-article').html()),
  events: { 'click .save': 'save' },
  save: function() {
    this.model.save({ body: this.$('textarea').val() });
  }
});

Underscore.js wajib (dependency). jQuery juga.

Dibanding AngularJS yang baru muncul: Backbone lebih eksplisit, tidak ada "magic". Untuk yang sudah hafal jQuery, transisi lebih mulus. Trade-off: harus tulis lebih banyak boilerplate.