Here we’ll take a look at three of the most popular, as well as give you a brief rundown on their features and add-ons.
Created by Google, AngularJS is the oldest of the three frameworks, entering the industry in 2009. Due to this, Angular has the largest community of developers constantly working on new developments and add-ons to its libraries. In addition to a large user-base, Angular also implements two-way binding allowing for automatic synchronization between model and view components.
In comparison to Google’s AngularJS framework (46 kB), Backbone.JS is absolutely tiny (9.6 kB) (including the framework + underscore.js (4kB) extension). Since Backbone is so lightweight and fast, the entire source code can be digested in a little over an hour. Due to its incredibly small size, you also have the ability to go out and seek a number of third party frameworks to include alongside Backbone, giving you the ability to pick and match features to your liking.
Ember lies right in the middle of both Angular and Backbone strictly speaking in the total size of the framework. Its benefits include self-configuring, so many aspects of the framework do not have to be user-defined. In addition to self-configuring features, ember also implements a strong data layer integrating with RoR or other RESTful JSON APIs.
It’s worth noting that choosing the correct framework, although important, does not restrict you completely of features from another framework. Choosing Backbone, for example, allows you to start with a minimal framework and cherry-pick the features you’d like to include without unnecessarily increasing the size of your framework. After all, the bigger the size of the framework, the longer time it requires to load your page. Choosing Angular from Google, although it is the biggest of all three of these frameworks, allows for better integration into Google’s services—as most of Google’s web applications use AngularJS.
After all, it’s hard to judge a framework by its cover!