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

Ampersand.js

16
23
+ 1
31
Marionette

167
128
+ 1
80
Add tool

Ampersand.js vs Marionette: What are the differences?

What is Ampersand.js? A highly modular, loosely coupled, non-frameworky framework for building advanced JavaScript apps. We <3 Backbone.js at &yet. It’s brilliantly simple and solves many common problems in developing clientside applications. But we missed the focused simplicity of tiny modules in node-land. We wanted something similar in style and philosophy, but that fully embraced tiny modules, npm, and browserify. Ampersand.js is a well-defined approach to combining (get it?) a series of intentionally tiny modules.

What is 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.

Ampersand.js and Marionette belong to "Javascript MVC Frameworks" category of the tech stack.

"Open source" is the primary reason why developers consider Ampersand.js over the competitors, whereas "Uses Backbone" was stated as the key factor in picking Marionette.

Ampersand.js and Marionette are both open source tools. Marionette with 7.15K GitHub stars and 1.35K forks on GitHub appears to be more popular than Ampersand.js with 818 GitHub stars and 52 GitHub forks.

Get Advice from developers at your company using StackShare Enterprise. Sign up for StackShare Enterprise.
Learn More
Pros of Ampersand.js
Pros of Marionette
  • 5
    Open source
  • 4
    Micromodules
  • 3
    CommonJS
  • 3
    npm
  • 3
    Loosely Coupled
  • 2
    non-frameworky
  • 2
    Integrates well with anything
  • 2
    Great Community
  • 2
    Powerful
  • 2
    Free
  • 2
    Simple
  • 1
    JavaScript
  • 20
    MVC compliant
  • 20
    Uses Backbone
  • 13
    Views management
  • 9
    View management
  • 7
    JavaScript
  • 6
    Memory management
  • 4
    MVC Beginner-Friendly
  • 1
    Collections useful tools

Sign up to add or upvote prosMake informed product decisions

What is Ampersand.js?

We <3 Backbone.js at &yet. It’s brilliantly simple and solves many common problems in developing clientside applications. But we missed the focused simplicity of tiny modules in node-land. We wanted something similar in style and philosophy, but that fully embraced tiny modules, npm, and browserify. Ampersand.js is a well-defined approach to combining (get it?) a series of intentionally tiny modules.

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!

Jobs that mention Ampersand.js and Marionette as a desired skillset
What companies use Ampersand.js?
What companies use Marionette?
See which teams inside your own company are using Ampersand.js or Marionette.
Sign up for StackShare EnterpriseLearn More

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

What tools integrate with Ampersand.js?
What tools integrate with Marionette?
    No integrations found

    Blog Posts

    Sep 8 2017 at 2:54PM

    Eventbrite-0

    JavaScriptNode.jsReact+7
    6
    9776
    What are some alternatives to Ampersand.js and Marionette?
    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.
    Vue.js
    It is a library for building interactive web interfaces. It provides data-reactive components with a simple and flexible API.
    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.
    Angular
    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