Get Advice Icon

Need advice about which tool to choose?Ask the StackShare community!

AngularJS
AngularJS

18.5K
11K
+ 1
5.2K
Backbone.js
Backbone.js

4.6K
1.1K
+ 1
674
Add tool

AngularJS vs Backbone.js: What are the differences?

Developers describe AngularJS as "Superheroic JavaScript MVW Framework". AngularJS lets you write client-side web applications as if you had a smarter browser. It lets you use good old HTML (or HAML, Jade and friends!) as your template language and lets you extend HTML’s syntax to express your application’s components clearly and succinctly. It automatically synchronizes data from your UI (view) with your JavaScript objects (model) through 2-way data binding. On the other hand, Backbone.js is detailed as "Give your JS App some Backbone with Models, Views, Collections, and Events". Backbone supplies structure to JavaScript-heavy applications by providing models key-value binding and custom events, collections with a rich API of enumerable functions, views with declarative event handling, and connects it all to your existing application over a RESTful JSON interface.

AngularJS and Backbone.js can be categorized as "Javascript MVC Frameworks" tools.

"Quick to develop", "Great mvc" and "Powerful" are the key factors why developers consider AngularJS; whereas "Javascript structure", "Models" and "Simple" are the primary reasons why Backbone.js is favored.

AngularJS and Backbone.js are both open source tools. AngularJS with 59.6K GitHub stars and 28.9K forks on GitHub appears to be more popular than Backbone.js with 27.5K GitHub stars and 5.72K GitHub forks.

Lyft, MIT, and Vine Labs are some of the popular companies that use AngularJS, whereas Backbone.js is used by reddit, SendGrid, and Trello. AngularJS has a broader approval, being mentioned in 2793 company stacks & 1806 developers stacks; compared to Backbone.js, which is listed in 1066 company stacks and 213 developer stacks.

What is AngularJS?

AngularJS lets you write client-side web applications as if you had a smarter browser. It lets you use good old HTML (or HAML, Jade and friends!) as your template language and lets you extend HTML’s syntax to express your application’s components clearly and succinctly. It automatically synchronizes data from your UI (view) with your JavaScript objects (model) through 2-way data binding.

What is Backbone.js?

Backbone supplies structure to JavaScript-heavy applications by providing models key-value binding and custom events, collections with a rich API of enumerable functions, views with declarative event handling, and connects it all to your existing application over a RESTful JSON interface.
Get Advice Icon

Need advice about which tool to choose?Ask the StackShare community!

Why do developers choose AngularJS?
Why do developers choose Backbone.js?

Sign up to add, upvote and see more prosMake informed product decisions

What are the cons of using AngularJS?
What are the cons of using Backbone.js?
What companies use AngularJS?
What companies use Backbone.js?

Sign up to get full access to all the companiesMake informed product decisions

What tools integrate with AngularJS?
What tools integrate with Backbone.js?

Sign up to get full access to all the tool integrationsMake informed product decisions

What are some alternatives to AngularJS and Backbone.js?
JavaScript
JavaScript is most known as the scripting language for Web pages, but used in many non-browser environments as well such as node.js or Apache CouchDB. It is a prototype-based, multi-paradigm scripting language that is dynamic,and supports object-oriented, imperative, and functional programming styles.
Angular 2
Angular is a development platform for building mobile and desktop web applications.
React
Lots of people use React as the V in MVC. Since React makes no assumptions about the rest of your technology stack, it's easy to try it out on a small feature in an existing project.
Node.js
Node.js uses an event-driven, non-blocking I/O model that makes it lightweight and efficient, perfect for data-intensive real-time applications that run across distributed devices.
jQuery
jQuery is a cross-platform JavaScript library designed to simplify the client-side scripting of HTML.
See all alternatives
Decisions about AngularJS and Backbone.js
Dan Robinson
Dan Robinson
at Heap, Inc. · | 18 upvotes · 85.6K views
atHeapHeap
MobX
MobX
React
React
TypeScript
TypeScript
Marionette
Marionette
Backbone.js
Backbone.js
jQuery
jQuery
#TemplatingLanguagesExtensions
#JavascriptMvcFrameworks
#Libraries
#JavascriptUiLibraries

The front end for Heap begun to grow unwieldy. The original jQuery pieces became difficult to maintain and scale, and a decision was made to introduce Backbone.js, Marionette, and TypeScript. Ultimately this ended up being a “detour” in the search for a scalable and maintainable front-end solution. The system did allow for developers to reuse components efficiently, but adding features was a difficult process, and it eventually became a bottleneck in advancing the product.

Today, the Heap product consists primarily of a customer-facing dashboard powered by React, MobX, and TypeScript on the front end. We wrote our migration to React and MobX in detail last year here.

#JavascriptUiLibraries #Libraries #JavascriptMvcFrameworks #TemplatingLanguagesExtensions

See more
Interest over time
Reviews of AngularJS and Backbone.js
No reviews found
How developers use AngularJS and Backbone.js
Avatar of Trello
Trello uses Backbone.jsBackbone.js

When the data request returns, Backbone.js gets busy. The idea with Backbone is that we render each Model that comes down from the server with a View, and then Backbone provides an easy way to:

1) Watch for DOM events within the HTML generated by the View and tie those to methods on the corresponding Model, which re-syncs with the server

2) Watch the model for changes, and re-render the model’s HTML block to reflect them

Neat! Using that general approach, we get a fairly regular, comprehensible, and maintainable client. We custom-built a client-side Model cache to handle updates and simplify client-side Model reuse.

Avatar of shridhardalavi
shridhardalavi uses AngularJSAngularJS

AngularJS is a structural framework for dynamic web apps. With AngularJS, designers can use HTML as the template language and it allows for the extension of HTML's syntax to convey the application's components effortlessly. Angular makes much of the code you would otherwise have to write completely redundant. We can use Angular to build any kind of app, taking advantage of features like: Two-way binding, templating, RESTful api handling, modularization, AJAX handling, dependency injection, etc

Avatar of Instacart
Instacart uses Backbone.jsBackbone.js

The main web store is a Backbone.js single page web application, and so it hits API endpoints to do all the calls, and we use those same API endpoints for the consumer iPhone app, the consumer Android app, and the consumer mobile web app. It worked out really nicely, us just building one API and just all these clients, including the web client, using that.

Avatar of Kalibrr
Kalibrr uses AngularJSAngularJS

All of our frontend code is on AngularJS. Directives, controllers, and services really help in organizing code in order to keep things maintainable, and two-way binding makes data input easy. The large ecosystem of modules for directives is fantastic, too.

Avatar of Tarun Singh
Tarun Singh uses Backbone.jsBackbone.js

Used Backbone.js as the JavaScript framework for creating this Single Page Application. With our data exposed as RESTful API's, Backbone's collections consumes them and provides the data to the Backbone's view for it's use in rendering.

Avatar of Nikola Novakovic
Nikola Novakovic uses AngularJSAngularJS

When ever I need heavy user client side apps this is my tool of choice. There are a ton of JS frameworks out there, picked this one because of philosophy they are trying to put out there and great community. Two way data binding FTW!

Avatar of Yaakov Gesher
Yaakov Gesher uses AngularJSAngularJS

The front end was built on an Angular template supplied by the client. We leveraged Angular's flexibility and speed to delivered complex matrices of data quickly and with great finesse.

Avatar of InJoin
InJoin uses AngularJSAngularJS

We use Angular.js to build our front-end framework known as Frontkit, so our apps can get started faster with reliable, interactive components.

Avatar of RocketFuel
RocketFuel uses Backbone.jsBackbone.js

Major part of our UI application uses Backbone models and views extensively. Though there's a plan to migrate to React and Redux.

Avatar of Zinc
Zinc uses Backbone.jsBackbone.js

All of our web apps are built using BackboneJS. Keeps our code clean and organized, and keeps the page refreshing to a minimum!

How much does AngularJS cost?
How much does Backbone.js cost?
Pricing unavailable
Pricing unavailable