addressalign-toparrow-leftarrow-rightbackbellblockcalendarcameraccwcheckchevron-downchevron-leftchevron-rightchevron-small-downchevron-small-leftchevron-small-rightchevron-small-upchevron-upcircle-with-checkcircle-with-crosscircle-with-pluscrossdots-three-verticaleditemptyheartexporteye-with-lineeyefacebookfolderfullheartglobegmailgooglegroupshelp-with-circleimageimagesinstagramlinklocation-pinm-swarmSearchmailmessagesminusmoremuplabelShape 3 + Rectangle 1ShapeoutlookpersonJoin Group on CardStartprice-ribbonShapeShapeShapeShapeImported LayersImported LayersImported Layersshieldstartickettrashtriangle-downtriangle-uptwitteruserwarningyahoo


* Attendees should already be comfortable with jQuery, underscore, and Backbone to get the most out of this presentation.


Make your Backbone.js apps dance with a composite application architecture!

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 the applications that I (Derick Bailey) have been building with Backbone, and includes various pieces inspired by composite application architectures, such as Microsoft's "Prism" framework.

Marionette is a library that simplifies Backbone application development by introducing some powerful new tools and patterns, and helping to eliminate a lot of the boilerplate we are used to writing. Michael will be giving us a talk about how he’s been using marionette on his projects.

Here's a list of some of the features marionette brings to the table from the backbone site:

  • Scaling applications out with modular, event driven architecture
  • Sensible defaults, such as using Underscore templates for view rendering
  • Easy to modify to make it work with your application's specific needs
  • Reducing boilerplate for views, with specialized view types
  • Build on a modular architecture with an Application and modules that attach to it
  • Compose your application's visuals at runtime, with Region and Layout
  • Nested views and layouts within visual regions
  • Built-in memory management and zombie killing in views, regions and layouts
  • Built-in event clean up with the EventBinder
  • Event-driven architecture with the EventAggregator
  • Flexible, "as-needed" architecture allowing you to pick and choose what you need


5:45 - 6:30: Networking & Pizza

6:30 - 7:45: Presentation

7:45 - 8:15: Networking


Michael Sitter is a web developer at iQmetrix where he has been helping drive forward some best practices and patterns for their web apps.


Join or login to comment.

  • A former member
    A former member

    Thanks for everyone who came for the talk. The app I used for the presentation can be found here:

    Again, as is it has a lot of room for improvement, but I hope it served as a good point of comparison between vanilla Backbone and Marionette.

    November 1, 2012

  • A former member
    A former member

    Couldn't make it. Hope that there will be video and/or slides posted.

    November 1, 2012

    • A former member
      A former member

      Github link after the presentation

      November 1, 2012

25 went

Our Sponsors

  • iQmetrix

    Provides space and funds this meetup group

People in this
Meetup are also in:

Sign up

Meetup members, Log in

By clicking "Sign up" or "Sign up using Facebook", you confirm that you accept our Terms of Service & Privacy Policy