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

Backbone.js

6.3K
2.5K
+ 1
678
Marionette

160
118
+ 1
79
Add tool

Backbone.js vs Marionette: What are the differences?

Backbone.js: 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; Marionette: Make your Backbone applications dance. Marionette brings an application architecture to Backbone, along with built in view management and memory management. Backbone.Marionette is a composite application library for Backbone.js that aims to simplify the construction of large scale JavaScript applications. It is a collection of common design and implementation patterns found in applications.

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

"Javascript structure" is the top reason why over 136 developers like Backbone.js, while over 19 developers mention "Uses Backbone" as the leading cause for choosing Marionette.

Backbone.js and Marionette are both open source tools. Backbone.js with 27.5K GitHub stars and 5.7K forks on GitHub appears to be more popular than Marionette with 7.15K GitHub stars and 1.35K GitHub forks.

Uber Technologies, Pinterest, and LinkedIn are some of the popular companies that use Backbone.js, whereas Marionette is used by Zinc, Sonarr, and Kayako. Backbone.js has a broader approval, being mentioned in 1066 company stacks & 217 developers stacks; compared to Marionette, which is listed in 35 company stacks and 9 developer stacks.

Get Advice from developers at your company using Private StackShare. Sign up for Private StackShare.
Learn More
Pros of Backbone.js
Pros of Marionette
  • 136
    Javascript structure
  • 102
    Models
  • 98
    Simple
  • 77
    Restful
  • 59
    Easy api
  • 46
    Flexible
  • 45
    Open source
  • 44
    Fast to pick up
  • 34
    Events
  • 25
    JSON
  • 8
    OOP
  • 2
    Lightweight
  • 1
    Easy customizable
  • 1
    Collections
  • 20
    MVC compliant
  • 20
    Uses Backbone
  • 13
    Views management
  • 9
    View management
  • 6
    JavaScript
  • 6
    Memory management
  • 4
    MVC Beginner-Friendly
  • 1
    Collections useful tools

Sign up to add or upvote prosMake informed product decisions

Cons of Backbone.js
Cons of Marionette
  • 1
    Requires underscore.js
    Be the first to leave a con

    Sign up to add or upvote consMake informed product decisions

    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.

    What is Marionette?

    It is a JavaScript library with a RESTful JSON interface and is based on the Model–view–presenter application design paradigm. Backbone is known for being lightweight, as its only hard dependency is on one JavaScript library, Underscore.js, plus jQuery for use of the full library.

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

    What companies use Backbone.js?
    What companies use Marionette?
    See which teams inside your own company are using Backbone.js or Marionette.
    Sign up for Private StackShareLearn More

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

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

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

    Blog Posts

    What are some alternatives to Backbone.js and Marionette?
    Vue.js
    It is a library for building interactive web interfaces. It provides data-reactive components with a simple and flexible API.
    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.
    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.
    Angular 2
    It is a TypeScript-based open-source web application framework. It is a development platform for building mobile and desktop web applications.
    Ember.js
    A JavaScript framework that does all of the heavy lifting that you'd normally have to do by hand. There are tasks that are common to every web app; It does those things for you, so you can focus on building killer features and UI.
    See all alternatives