Marionette.js

repo: sadcitizen/awesome-marionette
category: Front-End Development related: Javascript

Awesome Marionette.js

A list of resources for marionette.js

General

Tutorials and articles

[A Thorough Introduction To Backbone.Marionette Part 1: Application](https://www.smashingmagazine.com/2013/02/introduction-backbone-marionette/)
[A Thorough Introduction To Backbone.Marionette Part 2: Modules](https://www.smashingmagazine.com/2013/04/thorough-introduction-backbone-marionette-part-2-modules/)
[A Thorough Introduction To Backbone.Marionette Part 3: Views](https://www.smashingmagazine.com/2014/06/thorough-introduction-backbone-marionette-part-3/)
[A Simple Backbone.Marionette tutorial: Application. Simple List](http://davidsulc.com/blog/2012/05/06/tutorial-a-full-backbone-marionette-application-part-1/)
[A Simple Backbone.Marionette tutorial: Application with Interactions](http://davidsulc.com/blog/2012/04/22/a-simple-backbone-marionette-tutorial-part-2/)
A Visual Guide To Marionette.js Views by Matt Bajoras
Representing Marionette.js Views With State by Matt Bajoras
The Case for Marionette.js
Connecting Data to Your Views
Building Complex Layouts with Marionette.js
The Life of a Marionette View
[Building Modular Web Apps with Backbone.Radio](http://benmccormick.org/2015/01/26/backbone-radio/)
[From Backbone.js to Marionette.js (Russian)](http://habrahabr.ru/post/207730/) - by Mahnunchik
Marionette.js Behaviors, Part 1: The Basics
[Marionette.js Behaviors, Part 2: Testing Behaviors](https://spin.atomicobject.com/2014/09/12/testing-marionette-js-behaviors/)
[Things I Learned from Building a Large Scale Backbone + Marionette Application](http://authenticff.com/journal/building-large-scale-backbone-marionette-applications) by Ian Williams
[Design Rules in a Backbone-Marionette App](http://cloudandcode.tumblr.com/post/98671637921/design-rules-in-a-backbone-marionette-app)
A Short Primer on Marionette.js
[Pimping Backbone with Marionette](http://scm.io/blog/hack/2014/09/backbone-marionette/) by Tom Herold
Handling Forms with Marionette.js by Al Scott
[Nested Views in Backbone.Marionette](http://blog.mojotech.com/nested-views-in-backbone-marionette/) by Sam Saccone
[DRY up Your Views in Backbone Marionette](http://blog.mojotech.com/dry-up-your-views-in-backbone-marionette/) by Sam Saccone
[Strengthening Our Backbone with Marionette (Part I)](http://tech.kinja.com/strengthening-our-backbone-with-marionette-part-i-1583630931)
[Tutorial: Nested Views Using Backbone Marionette's CompositeView](http://davidsulc.com/blog/2013/02/03/tutorial-nested-views-using-backbone-marionettes-compositeview/) bu David Sulc
[Components with Backbone.js and Marionette.js](http://blog.jeremyfairbank.com/javascript/components-with-backbone-js-and-marionette-js/) by Jeremy Fairbank
[Managing Layouts and Nested Views with Backbone.Marionette](http://lostechies.com/derickbailey/2012/03/22/managing-layouts-and-nested-views-with-backbone-marionette/) by Derick Bailey
[Revisiting the Backbone Event Aggregator: Lessons Learned](http://lostechies.com/derickbailey/2012/04/03/revisiting-the-backbone-event-aggregator-lessons-learned/) by Derick Bailey
[Why Should I Use Backbone.Marionette Instead of … ?](http://lostechies.com/derickbailey/2012/06/13/why-should-i-use-backbone-marionette-instead-of-%E2%80%A6/) by Derick Bailey
[Polymer Web Components with Marionette.js](http://blog.jeremyfairbank.com/javascript/polymer-web-components-with-marionette-js/) by Jeremy Fairbank
Building a Marionette App with Flux Architecture by Kurtis Kemple
Marionette-Service: Service Objects for Marionette by Ben McCormick
[Refactoring a JavaScript Application to Use Microservices: What We Learned with Backbone and Marionette](https://www.safaribooksonline.com/blog/2015/11/24/refactoring-javascript-microservice-backbone-marionette/) by Pasha Craydon
SEO-Enabling Your Marionette App

Books

[Building Backbone Plugins](https://leanpub.com/building-backbone-plugins) by Derick Bailey and Jerome Gravel-Niquet
Backbone.Marionette.js: A Gentle Introduction by David Sulc
[Structuring Backbone Code with RequireJS and Marionette Modules](https://leanpub.com/structuring-backbone-with-requirejs-and-marionette) by David Sulc
Marionette Exposé by Jack Killilea
Backbone.Marionette.js: A Serious Progression by David Sulc
[Getting Started with Backbone Marionette](http://www.amazon.com/dp/1783284250/) by Raymundo Armendariz and Arturo Soto
Marionette Guides
[Better Backbone Applications with MarionetteJS](https://shop.smashingmagazine.com/products/better-backbone-applications-with-marionettejs)

Videos

Dancing with Marionette - Youtube channel
Backbone.js with Derick Bailey by Derick Bailey
[The Tools and Patterns for Building Large-Scale Backbone Applications](https://www.youtube.com/watch?v=qWr7x9wk6_c) by Brian Mann
Episode 03 of BackboneRails Screencast by Brian Mann
Backbone Marionette and Require.js by Daniel Cousineau
[Backbone's Rarely Enough: An Introduction to Backbone Marionette](https://www.youtube.com/watch?v=fZJMF4SOKm4) by Len Smith
Unsuck Your Backbone by Amy Palamountain
[Building Modular and Component Driven Architecture in Backbone.js and Marionette.js](https://www.youtube.com/watch?v=PrQSpdWkN6Q) by Jeremy Fairbank Slides
[Marionette: The Backbone Framework from BackboneConf 2014](https://www.youtube.com/watch?v=EvQnntaqVdE&index=13&list=PLlgxAbM67lYIGw8DnANC7VgREbzJRQged) by James Smith
[Building Beautiful Apps with Marionette](https://www.youtube.com/watch?v=7yZKsgKxziw)
Nesting Your Views in Marionette
Marionette Behaviors
Backbone.Wreqr
[Jason Laster - Backbone Under the Magnifying Glass Tools for Exploring and Debugging Your Apps](https://www.youtube.com/watch?v=jbGm3mJXh_s)
Browserify + Marionette = Better Apps
Using DevTools for Marionette Debugging
Routing Made Better
View and Application State

Examples and boilerplates

Marionette Require Boilerplate
Marionette Contact Manager - Continuation of development "Backbone Contact Manager" but using Marionette.js
[Marionette, Require, and Gulp.js Boilerplate](https://github.com/jroeckle/Marionette-Require-Gulpjs-Boilerplate) - A Lightweight boilerplate originally project based off "Marionette Require Boilerplate", with Gulp.js integration instead of Grunt.js
MarionetteJS + RequireJS + Twitter Bootstrap - Let's start the dance! This boilerplate is a ready setup for starting your next awesome javascript app in minutes
Marionette Gentle Introduction
Marionette Wires
Marionette Cookbook
MarionetteJS + Brunch + Babel/ES6
A Place to Write About Technical Subjects on the Web
The Front End App for edit.sx
Streamus
Marionette-Integrations - example marionette apps using several different asset management tools
ES6 Marionette Project
Todo List - TodoMVC example
Webpack-Marionette A small boilerplate introducing webpack and es6 features to a Marionette/Backbone application, contains a sample CRUD application of an editable Cookbook.

Libraries

Marionette State
Marionette Virtual Dom
Marionette Form View
[A Better Router for Backbone and Marionette Applications](https://github.com/Betterment/backbone.blazer)
Marionette.Toolkit - A collection of opinionated Backbone.Marionette extensions for large scale application architecture.
Orchestra - Client-side app orchestration framework