Ember.js vs Marionette

Overview

Ember.js

Stacks1.6K

Followers865

Votes775

GitHub Stars22.6K

Forks4.2K

Marionette

Stacks169

Followers128

Votes80

GitHub Stars7.1K

Forks1.2K

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.

Share your Stack

Help developers discover the tools you use. Get visibility for your team's tech choices and contribute to the community's knowledge.

View Docs

CLI (Node.js)

Manual

Advice on Ember.js, Marionette

neha

CEO at NMTechEdge

Sep 25, 2020

Review

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/

200k views200k

Comments

Detailed Comparison

Ember.js	Marionette
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.	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.
Creating web apps;Building UI	Layouts; Utilities; Behaviors; Radio; Objects
Statistics
GitHub Stars 22.6K	GitHub Stars 7.1K
GitHub Forks 4.2K	GitHub Forks 1.2K
Stacks 1.6K	Stacks 169
Followers 865	Followers 128
Votes 775	Votes 80
Pros & Cons
Pros 126 Elegant 97 Quick to develop 83 Great mvc 82 Great community 73 Great router Cons 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	Pros 20 Uses Backbone 20 MVC compliant 13 Views management 9 View management 7 JavaScript
Integrations
Node.js AngularJS Bootstrap	Meteor JavaScript Algolia Backbone.js

What are some alternatives to Ember.js, 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.

Aurelia

Aurelia is a next generation JavaScript client framework that leverages simple conventions to empower your creativity.

Mithril

Mithril is around 12kb gzipped thanks to its small, focused, API. It provides a templating engine with a virtual DOM diff implementation for performant rendering, utilities for high-level modelling via functional composition, as well as support for routing and componentization.

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.

Durandal

Durandal is a cross-device, cross-platform client framework written in JS and designed to make Single Page Applications (SPAs) easy to create and maintain.

Chaplin

Chaplin addresses Backbone’s limitations by providing a lightweight and flexible structure that features well-proven design patterns and best practices. Chaplin empowers you to quickly develop scalable single-page web applications; allowing you to focus on designing and developing the underlying functionality in your web application.

JSF

It is used for building component-based user interfaces for web applications and was formalized as a standard through the Java Community

Related Comparisons

"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 vs Marionette