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

Ember.js

1.2K
783
+ 1
765
Marionette

160
118
+ 1
79
Add tool

Ember.js vs Marionette: What are the differences?

Developers describe Ember.js as "A JavaScript framework for creating ambitious web apps". Ember.js is 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; Ember.js does those things for you, so you can focus on building killer features and UI. On the other hand, Marionette is detailed as "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.

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

"Elegant" is the top reason why over 121 developers like Ember.js, while over 19 developers mention "Uses Backbone" as the leading cause for choosing Marionette.

Ember.js and Marionette are both open source tools. It seems that Ember.js with 21.1K GitHub stars and 4.17K forks on GitHub has more adoption than Marionette with 7.15K GitHub stars and 1.35K GitHub forks.

Square, Groupon, and Fitbit are some of the popular companies that use Ember.js, whereas Marionette is used by Zinc, Sonarr, and Kayako. Ember.js has a broader approval, being mentioned in 293 company stacks & 76 developers stacks; compared to Marionette, which is listed in 35 company stacks and 9 developer stacks.

Decisions about Ember.js and Marionette
neha menahil

Have you ever stuck with the question that which one is the best front-end framework for you?

With continuous web development progress, the trends of the latest front-end technologies are also continuously changing with more and more sophisticated web features. These top front-end frameworks and libraries have made your complex web tasks more flexible and efficient.

Check out top front end frameworks and their features at https://www.nmtechedge.com/2020/09/24/top-4-trending-front-end-frameworks-2020/

See more
Get Advice from developers at your company using Private StackShare. Sign up for Private StackShare.
Learn More
Pros of Ember.js
Pros of Marionette
  • 124
    Elegant
  • 96
    Quick to develop
  • 82
    Great community
  • 81
    Great mvc
  • 72
    Great router
  • 51
    Values conventions, there is one-true way to organize
  • 49
    Open source
  • 44
    Components
  • 34
    Mvc framework
  • 28
    Handlebars.js
  • 13
    Htmlbars
  • 11
    Yehuda katz
  • 10
    Tom dale
  • 10
    Great logo
  • 5
    Glimmer: react-like rendering engine
  • 5
    manages large data sets on the front end easily
  • 5
    Convention over Configuration
  • 5
    It's NOT Google or Facebook
  • 4
    Intelligent
  • 4
    It rocks
  • 4
    Organized
  • 4
    Enterprise
  • 4
    Fast
  • 3
    IE8 support
  • 3
    Good docs
  • 3
    Fastest spinning circles
  • 2
    Easy and Quick to develop
  • 2
    Documentation is finally active and updated
  • 1
    Great for big apps/many devs because its organized
  • 1
    Growing community
  • 1
    For building ambitious Web apps
  • 1
    Dependency Injection
  • 1
    Comprehensive
  • 1
    Flexibility
  • 1
    Business wins
  • 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 Ember.js
Cons of Marionette
  • 2
    Very little flexibility
  • 2
    Too much convention, too little configuration
  • 1
    Hard to integrate with Non Ruby apps
  • 1
    Hard to use if your API isn't RESTful
    Be the first to leave a con

    Sign up to add or upvote consMake informed product decisions

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

    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 Ember.js?
    What companies use Marionette?
    See which teams inside your own company are using Ember.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 Ember.js?
    What tools integrate with Marionette?

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

    Blog Posts

    JavaScriptGitHubReact+12
    5
    3525
    Sep 8 2017 at 2:54PM

    Eventbrite-0

    JavaScriptNode.jsReact+7
    6
    9440
    GitHubPythonNode.js+26
    28
    15308
    What are some alternatives to Ember.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.
    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 2
    It is a TypeScript-based open-source web application framework. It is a development platform for building mobile and desktop web applications.
    See all alternatives