Backbone.js

{{Short description|Javascript library}}

{{Infobox software

| title =

| name = Backbone.js

| logo = Backbone.js logo.svg

| logo size = 200px

| logo caption =

| screenshot =

| caption =

| collapsible =

| author =

| developer = Jeremy Ashkenas

| released = {{release date and age|2010|10|13}}

| latest release version = {{wikidata|property|edit|reference|P348}}

| latest release date = {{start date and age|{{wikidata|qualifier|P348|P577}}}}

| latest preview version =

| latest preview date =

| repo = {{URL|https://github.com/jashkenas/backbone|Backbone.js Repository}}

| programming language = JavaScript

| operating system = Cross-platform

| platform =

| size = 7.9 KB production
72 KB development

| language =

| language count =

| language footnote =

| genre = JavaScript library

| license = MIT

| alexa =

| website = {{URL|http://backbonejs.org/}}

}}

{{Portal|Free and open-source software}}

Backbone.js is a JavaScript rich-client web app framework based on the model–view–controller design paradigm, intended to connect to an API over a RESTful JSON interface. Backbone has only hard dependency, which is on one JavaScript library,{{cite book|author=Alex MacCaw|title=JavaScript Web Applications|url=https://books.google.com/books?id=ymDsh5yOfpsC|access-date=27 April 2012|date=18 August 2011|publisher=O'Reilly Media, Inc.|isbn=978-1-4493-0351-8|page=165}} Underscore.js,. jQuery can also be optionally used for the library.{{citation |url=http://backbonejs.org/#downloads |title=Dependencies |publisher=BackboneJS |date=October 14, 2015}} It is designed for developing single-page web applications,{{citation |url=http://www.readwrite.com/what-sendhub-learned-building |title=What SendHub Learned Building a Single-Page Backbone.js App |date=March 16, 2012 |work=ReadWrite }} and for keeping various parts of web applications (e.g. multiple clients and the server) synchronized.{{citation |url=https://www.theguardian.com/news/datablog/2011/dec/08/twitter-riots-interactive?newsfeed=true |work=The Guardian |title=Behind the rumours: how we built our Twitter riots interactive | location=London |date=8 December 2011}} Backbone was created by Jeremy Ashkenas, who is also known for CoffeeScript and Underscore.js.

When handling the DOM Backbone.js adopts an imperative programming style, in contrast with a declarative programming style (common in AngularJS using data-attributes).{{Cite web|url=http://backbonejs.org/|title=Backbone.js|website=backbonejs.org|access-date=2017-06-01}}

Trying to provide "the minimal set of data-structuring (models and collections) and user interface (views and URLs)", leaves to the developer the choice of extensions for enhanced functionality. For example, one can use nested views with Backbone Layout Manager or model-view binding with ReSTbasis.

Use

{{Example farm|date=February 2017|section}}

The following web applications are built with Backbone.js:{{cite web|url=http://builtwithbackbonejs.com|title=Companies and Websites using Backbone.js|access-date=2019-06-01|archive-url=https://web.archive.org/web/20170512103754/http://builtwithbackbonejs.com/|archive-date=2017-05-12|url-status=dead}}

  • 500px Web{{cite web|url=http://www.infoq.com/presentations/500px-services|title=Organizing Your Company to Embrace Microservices|work=InfoQ}}
  • Airbnb{{cite web|url=http://backbonejs.org/#examples|title=Backbone.js}}
  • Diaspora
  • Digg{{cite web|url=http://www.fastcolabs.com/3014663/open-company/inside-the-tech-stack-digg-used-to-replace-google-reader|title=Inside The Tech Stack Digg Used To Replace Google Reader|author=John Paul Titlow|date=22 July 2013|work=Co.Labs|access-date=22 July 2013|archive-url=https://web.archive.org/web/20130725185111/http://www.fastcolabs.com/3014663/open-company/inside-the-tech-stack-digg-used-to-replace-google-reader|archive-date=25 July 2013|url-status=dead}}
  • DocumentCloud
  • Drupal 8{{cite web|url=https://www.drupal.org/node/2053901|title=Backbone.js and Underscore.js are bundled into Drupal 8|date=30 July 2013 }}
  • Foursquare
  • Grooveshark
  • Groupon Now
  • Hearsay Systems Advisor Cloud
  • Hulu
  • NewsBlur[http://www.ofbrooklyn.com/2012/11/13/backbonification-migrating-javascript-to-backbone/ Backbonification: migrating a large JavaScript project from DOM spaghetti to Backbone.js] {{Webarchive|url=https://archive.today/20130120013730/http://www.ofbrooklyn.com/2012/11/13/backbonification-migrating-javascript-to-backbone/ |date=2013-01-20 }}, Samuel Clay (NewsBlur) 13th November 2012
  • Nextcloud
  • Openbravo Mobile (with Enyo).{{cite web |url=http://wiki.openbravo.com/wiki/Mobile_UI_Components|title=Mobile UI Components|access-date=2014-03-22}}
  • Pandora Radio
  • ReSTbasis
  • SoundCloud
  • Trello
  • USA Today.com
  • WordPress.com
  • verizon.com
  • xTuple (with Enyo).{{cite web |url=http://www.xtuple.org/a-shorter-letter-enyo|title=A Shorter Letter|access-date=2014-03-22}}

References

{{Reflist}}

Further reading

{{refbegin}}

  • {{cite book|url = http://shop.oreilly.com/product/0636920025344.do|title = Developing Backbone.js Applications|last = Osmani|first = Addy|date = March 22, 2013|publisher = O'Reilly Media|isbn = 978-1449328252|edition = 1st|page = 150}}

{{refend}}

{{refbegin}}

  • {{cite book|title = Mastering Backbone.js|last = Echamea|first = Abiee|date = January 15, 2016|publisher = Packt|isbn = 978-1783288496|page = 278}}

{{refend}}