Awesome Marionette.js

A curated collection of resources and projects focused on Marionette.js.

General

• Official site
• Github repository
• Annotated source
• Marionette.js Blog
• StackOverflow - Tagged questions
• Gitter chat
• Marionette Inspector
• Yeoman generator for Marionette.js
• Marionette CLI
• MarionetteJS CLI package for atom

Tutorials and articles

• A Thorough Introduction To Backbone.Marionette Part 1: Application
• A Thorough Introduction To Backbone.Marionette Part 2: Modules
• A Thorough Introduction To Backbone.Marionette Part 3: Views
• A Simple Backbone.Marionette tutorial: Application. Simple List
• A Simple Backbone.Marionette tutorial: Application with Interactions
• 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
• From Backbone.js to Marionette.js (Russian) - by Mahnunchik
• Marionette.js Behaviors, Part 1: The Basics
• Marionette.js Behaviors, Part 2: Testing Behaviors
• Things I Learned from Building a Large Scale Backbone + Marionette Application by Ian Williams
• Design Rules in a Backbone-Marionette App
• A Short Primer on Marionette.js
• Pimping Backbone with Marionette by Tom Herold
• Handling Forms with Marionette.js by Al Scott
• Nested Views in Backbone.Marionette by Sam Saccone
• DRY up Your Views in Backbone Marionette by Sam Saccone
• Strengthening Our Backbone with Marionette (Part I)
• Tutorial: Nested Views Using Backbone Marionette’s CompositeView bu David Sulc
• Components with Backbone.js and Marionette.js by Jeremy Fairbank
• Managing Layouts and Nested Views with Backbone.Marionette by Derick Bailey
• Revisiting the Backbone Event Aggregator: Lessons Learned by Derick Bailey
• Why Should I Use Backbone.Marionette Instead of … ? by Derick Bailey
• 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 by Pasha Craydon
• SEO-Enabling Your Marionette App

Books

• 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 by David Sulc
• Marionette Exposé by Jack Killilea
• Backbone.Marionette.js: A Serious Progression by David Sulc
• Getting Started with Backbone Marionette by Raymundo Armendariz and Arturo Soto
• Marionette Guides
• 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 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 by Len Smith
• Unsuck Your Backbone by Amy Palamountain
• Building Modular and Component Driven Architecture in Backbone.js and Marionette.js by Jeremy Fairbank Slides
• Marionette: The Backbone Framework from BackboneConf 2014 by James Smith
• Building Beautiful Apps with Marionette
• Nesting Your Views in Marionette
• Marionette Behaviors
• Backbone.Wreqr
• Jason Laster - Backbone Under the Magnifying Glass Tools for Exploring and Debugging Your Apps
• 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 - 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
• Marionette.Toolkit - A collection of opinionated Backbone.Marionette extensions for large scale application architecture.
• Orchestra - Client-side app orchestration framework