Best Backbone JS Apps examples in 2017

ThinkMobiles Team 08/05/2017

Backbone.js is the uber-light weight Javascript framework designed to structurate Java code to simplify its operating. It depends only on Underscore plus JQuery JavaScript libraries. With the usage of RESTful JSON interface it helps to reach model, view, controller (MVC) application design format.

  • Model – consists of code of application data.
  • View – holds data that is used to represent into HTML view.
  • Controller – simplified relation code model and its HTML view. Also, it allows a programmer to save Javascript app state with simple hashbang in the URL.

Developers are using Backbone.js to make one page web applications and to keep different parts of it structures (such as clients and servers). Models created with Backbone.js are easily integratable in any backend.

Many of web applications use backbone.js. But we will show only the best backbone apps that you might already used or heard about for sure.

Trello

Application designed to help organize any project development. It provides a user with comfortable boards, cart lists and checklist to advance managing part of any process. Benefits that the application provides for users are so immersive. As a result, since launch in 2012 audience of Trello has reached 14 millions, with 1,1 million daily users.

Trello client are developed with the use of:

  • Mustache logic less template language.
  • HTML5 pushState.
  • Backbone.js.

Meantime, the server was completed in the use of:

  • MongoDB.
  • HAProxy.
  • Node.js.
  • Redis.

Each of Trello tech stack elements were designed in order to make clients easily handle any updates. In addition, it also may dynamically re-sync with server each time DOMs events are spotted. In the application architecture Backbone.js is responsible for:

  • triggering DOM events within the HTML.
  • watch client model for any changes, and then re-render HTML block to reflect them.

In other words, Backbone is used for view and managing objects as Cards and Members.

Pandora Internet Radio

Pandora Is music streaming service with integrated music recommendation system. It picks up tracks according to previous user selections, depends on genres and artists. Users may affect pickup algorithm with feedbacks on recommended tracks. Users “thumb up” or “thumb down” in account in the subsequent selection of other possible tracks to play.

Originally Pandora Radio was launched in 2004, but in 2011 it made massive update and change the way it looks completely. In this cause Backbone.js played one of the main roles together with some new HTML5 libraries to operate the whole UI and its interactions.

Backbone was chosen in purpose to help structure Javascript code in an model, view, and controller fashion. Moreover, it has been used in functions like:

  • representing current track and updating the whole views according to changes in the collection list.

USA Today

Founded in 1982, it is international U.S. daily newspaper for middle market. Today it is printed by 37 sites in the whole U.S. and also supported by 5 international websites. Moreover, successful design of USA Today had a huge influence on most of other newspapers and magazines worldwide.

Backbone.js’s data and model lifecycle capabilities are used by USA Today website to safe code in structured format. Hence, codebase has become both structural, update-friendly and easy to support. In this cause Backbone.js is responsive for next features:

  • Backbone’s Event modules have been used to make PubSub API and support any third party API and analytics service to look into the core of application.
  • it helps to simplify creation, inheritance, isolation and linking up application objects.
  • Backbone Router controlls the page’s representation for browsers.

SoundCloud Mobile

SoundCloud is a famous sound distribution platform. It is also known as the leader of sound sharing in the internet. It allows users to record, upload, promote and share between each other their own originally created sounds and tracks. App content separated in two categories is known as : music and other sounds.

Backbone.js is the main basis for creation mobile app for SoundCloud. Technology stack of project is completed with:

  • Backbone.history has been adapted for HTML5 history.pushState.
  • Backbone.sync has been advanced with SessionStorage based on cache layer.
  • public SoundCloud API – has been used as the main data source base.
  • jQUery templates are used for rendering.
  • Qunit together with PhantomJS are used as testing tools.
  • Various Node.js tools (ready.js, Jake, jsdom) together with templates and CSS build up for production advantages.

WordPress.com

It’s the software service alternative to original WordPress.org. WordPress.com allows any registred user to create his or her own blog. Opened in 2005, it was originally released invitation-only, but one year later it already contained more than 55 million posts per month. While the account only required to create own blog, anybody can check blogs, comments and leave the own ones freely.

Backbones are used by WordPress because its MVC format and advantages. It is responsible for:

  • WordPress notification services.
  • stat tabs and some other features of WordPress are also supported by Backbone.js.

Moreover, it easily fits app structure.

Bring your amazing ideas into life!

Thank you. We will contact you during one business day.

Conclusion

Obviously, it is hard to create any good application ignoring structure format in the first place. While app grows in scale any jQuery and DOM parts of it are becoming difficult to maintain. So, for large and enterprise projects it is especially important to have code structure from the start.

Backbone is easy to learn as well as easy to use. Hence, no hour would be wasted on learning part, if you seriously plan to code something non-trial. Moreover, skills in structuring and managing your code would save tons of time in future. Backbone would not help you in only one case – if you don’t plan to code any complex project.
You also may ckeck Node.js and Angular.js apps examples.

No comments

Chatra