{"id":171,"url":"https://github.com/sadcitizen/awesome-marionette","last_synced_at":"2025-09-07T07:40:49.100Z","repository":{"id":24197945,"uuid":"27589237","full_name":"sadcitizen/awesome-marionette","owner":"sadcitizen","description":"A list of resources for marionette.js","archived":false,"fork":false,"pushed_at":"2017-01-04T21:05:52.000Z","size":27,"stargazers_count":154,"open_issues_count":0,"forks_count":18,"subscribers_count":8,"default_branch":"master","last_synced_at":"2024-05-20T04:16:23.306Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":null,"has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"unlicense","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/sadcitizen.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"contributing.md","funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2014-12-05T11:49:24.000Z","updated_at":"2023-08-21T07:44:49.000Z","dependencies_parsed_at":"2022-08-22T11:40:59.427Z","dependency_job_id":null,"html_url":"https://github.com/sadcitizen/awesome-marionette","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sadcitizen%2Fawesome-marionette","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sadcitizen%2Fawesome-marionette/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sadcitizen%2Fawesome-marionette/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sadcitizen%2Fawesome-marionette/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/sadcitizen","download_url":"https://codeload.github.com/sadcitizen/awesome-marionette/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":239993975,"owners_count":19730779,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-01-05T20:12:48.302Z","updated_at":"2025-02-26T04:15:54.609Z","avatar_url":"https://github.com/sadcitizen.png","language":null,"funding_links":[],"categories":["Front-End Development","Technical","Uncategorized","Front-end Development","Live Site:   [searchAwesome](https://search-awesome.vercel.app/)","Other Lists","前端开发","Themed Directories"],"sub_categories":["awesome-*","Uncategorized","TeX Lists","Misc","Updated more than a year ago"],"readme":"# Awesome Marionette.js [![Awesome](https://cdn.rawgit.com/sindresorhus/awesome/d7305f38d29fed78fa85652e3a63e154dd8e8829/media/badge.svg)](https://github.com/sindresorhus/awesome)\n\n\u003e A list of resources for marionette.js\n\n## General\n\n- [Official site](http://marionettejs.com/)\n- [Github repository](https://github.com/marionettejs/backbone.marionette)\n- [Annotated source](http://marionettejs.com/annotated-src/backbone.marionette)\n- [Marionette.js Blog](http://blog.marionettejs.com/)\n- [StackOverflow](http://stackoverflow.com/questions/tagged/marionette) - Tagged questions\n- [Gitter chat](https://gitter.im/marionettejs/backbone.marionette)\n- [Marionette Inspector](https://github.com/marionettejs/marionette.inspector)\n- [Yeoman generator for Marionette.js](https://github.com/mrichard/generator-marionette)\n- [Marionette CLI](https://github.com/denar90/marionette-cli)\n- [MarionetteJS CLI package for atom](https://atom.io/packages/atom-marionettejs-cli)\n\n## Tutorials and articles\n\n- [A Thorough Introduction To Backbone.Marionette Part 1: Application](https://www.smashingmagazine.com/2013/02/introduction-backbone-marionette/)\n- [A Thorough Introduction To Backbone.Marionette Part 2: Modules](https://www.smashingmagazine.com/2013/04/thorough-introduction-backbone-marionette-part-2-modules/)\n- [A Thorough Introduction To Backbone.Marionette Part 3: Views](https://www.smashingmagazine.com/2014/06/thorough-introduction-backbone-marionette-part-3/)\n- [A Simple Backbone.Marionette tutorial: Application. Simple List](http://davidsulc.com/blog/2012/05/06/tutorial-a-full-backbone-marionette-application-part-1/)\n- [A Simple Backbone.Marionette tutorial: Application with Interactions](http://davidsulc.com/blog/2012/04/22/a-simple-backbone-marionette-tutorial-part-2/)\n- [A Visual Guide To Marionette.js Views](http://www.artandlogic.com/blog/2013/03/a-visual-guide-to-marionette-js-views/) by Matt Bajoras\n- [Representing Marionette.js Views With State](http://www.artandlogic.com/blog/2013/06/representing-marionette-js-views-with-state/) by Matt Bajoras\n- [The Case for Marionette.js](http://benmccormick.org/2014/12/02/the-case-for-marionette-js/)\n- [Connecting Data to Your Views](http://benmccormick.org/2014/12/10/marionette-explained-connecting-your-data-to-your-views/)\n- [Building Complex Layouts with Marionette.js](http://benmccormick.org/2014/12/22/building-complex-layouts-with-marionette-js/)\n- [The Life of a Marionette View](http://benmccormick.org/2015/01/05/marionette-view-life-cycles/)\n- [Building Modular Web Apps with Backbone.Radio](http://benmccormick.org/2015/01/26/backbone-radio/)\n- [From Backbone.js to Marionette.js (Russian)](http://habrahabr.ru/post/207730/) - by Mahnunchik\n- [Marionette.js Behaviors, Part 1: The Basics](https://spin.atomicobject.com/2014/09/11/marionette-behaviors-overview/)\n- [Marionette.js Behaviors, Part 2: Testing Behaviors](https://spin.atomicobject.com/2014/09/12/testing-marionette-js-behaviors/)\n- [Things I Learned from Building a Large Scale Backbone + Marionette Application](http://authenticff.com/journal/building-large-scale-backbone-marionette-applications) by Ian Williams\n- [Design Rules in a Backbone-Marionette App](http://cloudandcode.tumblr.com/post/98671637921/design-rules-in-a-backbone-marionette-app)\n- [A Short Primer on Marionette.js](http://cloudandcode.tumblr.com/post/98265035816/a-short-primer-on-marionette-js)\n- [Pimping Backbone with Marionette](http://scm.io/blog/hack/2014/09/backbone-marionette/) by Tom Herold\n- [Handling Forms with Marionette.js](http://spin.atomicobject.com/2013/11/25/forms-marionette-js-backbone/) by Al Scott\n- [Nested Views in Backbone.Marionette](http://blog.mojotech.com/nested-views-in-backbone-marionette/) by Sam Saccone\n- [DRY up Your Views in Backbone Marionette](http://blog.mojotech.com/dry-up-your-views-in-backbone-marionette/) by Sam Saccone\n- [Strengthening Our Backbone with Marionette (Part I)](http://tech.kinja.com/strengthening-our-backbone-with-marionette-part-i-1583630931)\n- [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\n- [Components with Backbone.js and Marionette.js](http://blog.jeremyfairbank.com/javascript/components-with-backbone-js-and-marionette-js/) by Jeremy Fairbank\n- [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\n- [Revisiting the Backbone Event Aggregator: Lessons Learned](http://lostechies.com/derickbailey/2012/04/03/revisiting-the-backbone-event-aggregator-lessons-learned/) by Derick Bailey\n- [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\n- [Polymer Web Components with Marionette.js](http://blog.jeremyfairbank.com/javascript/polymer-web-components-with-marionette-js/) by Jeremy Fairbank\n- [Building a Marionette App with Flux Architecture](http://iamnotarealprogrammer.com/flux-architecture-in-a-backbone-and-marionette-app/) by Kurtis Kemple\n- [Marionette-Service: Service Objects for Marionette](http://benmccormick.org/2015/05/25/marionette-service-service-objects-for-marionette/) by Ben McCormick\n- [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 \n- [SEO-Enabling Your Marionette App](https://docs.google.com/presentation/d/1jy9SXyr6ZjbY7lOSKN8QraH96-vR7mnAo0ePvzDb8uc/pub?start=false\u0026loop=false\u0026delayms=3000\u0026slide=id.p)\n\n## Books\n\n- [Building Backbone Plugins](https://leanpub.com/building-backbone-plugins) by Derick Bailey and Jerome Gravel-Niquet\n- [Backbone.Marionette.js: A Gentle Introduction](https://leanpub.com/marionette-gentle-introduction) by David Sulc\n- [Structuring Backbone Code with RequireJS and Marionette Modules](https://leanpub.com/structuring-backbone-with-requirejs-and-marionette) by David Sulc\n- [Marionette Exposé](https://leanpub.com/marionetteexpose) by Jack Killilea\n- [Backbone.Marionette.js: A Serious Progression](https://leanpub.com/marionette-serious-progression) by David Sulc\n- [Getting Started with Backbone Marionette](http://www.amazon.com/dp/1783284250/) by Raymundo Armendariz and Arturo Soto\n- [Marionette Guides](https://www.gitbook.com/book/marionette/marionette-guides/details)\n- [Better Backbone Applications with MarionetteJS](https://shop.smashingmagazine.com/products/better-backbone-applications-with-marionettejs)\n\n## Videos\n\n- [Dancing with Marionette](https://www.youtube.com/channel/UC6dVRPnSACav2AYB5XG7BZw) - Youtube channel\n- [Backbone.js with Derick Bailey](https://www.youtube.com/watch?v=VERQEr-bVTs) by Derick Bailey\n- [The Tools and Patterns for Building Large-Scale Backbone Applications](https://www.youtube.com/watch?v=qWr7x9wk6_c) by Brian Mann\n- [Episode 03 of BackboneRails Screencast](https://www.youtube.com/watch?v=KT31H3Ayliw) by Brian Mann\n- [Backbone Marionette and Require.js](https://www.youtube.com/watch?v=4K4JKtAGPu4) by Daniel Cousineau\n- [Backbone's Rarely Enough: An Introduction to Backbone Marionette](https://www.youtube.com/watch?v=fZJMF4SOKm4) by Len Smith\n- [Unsuck Your Backbone](http://www.youtube.com/watch?v=0o2whtCJw8I) by Amy Palamountain\n- [Building Modular and Component Driven Architecture in Backbone.js and Marionette.js](https://www.youtube.com/watch?v=PrQSpdWkN6Q) by Jeremy Fairbank [Slides](http://presentboldly.com/jfairbank/modular-and-component-driven-architecture-in-marionettejs/)\n- [Marionette: The Backbone Framework from BackboneConf 2014](https://www.youtube.com/watch?v=EvQnntaqVdE\u0026index=13\u0026list=PLlgxAbM67lYIGw8DnANC7VgREbzJRQged) by James Smith\n- [Building Beautiful Apps with Marionette](https://www.youtube.com/watch?v=7yZKsgKxziw)\n- [Nesting Your Views in Marionette](https://www.youtube.com/watch?v=CTr-tTwRH3o)\n- [Marionette Behaviors](https://www.youtube.com/watch?v=6wvAswHkarE)\n- [Backbone.Wreqr](https://www.youtube.com/watch?v=2b1G3TdlQEU)\n- [Jason Laster - Backbone Under the Magnifying Glass Tools for Exploring and Debugging Your Apps](https://www.youtube.com/watch?v=jbGm3mJXh_s)\n- [Browserify + Marionette = Better Apps](https://www.youtube.com/watch?v=7bGWuyuLK_4)\n- [Using DevTools for Marionette Debugging](https://www.youtube.com/watch?v=75d0odmbu38)\n- [Routing Made Better](https://www.youtube.com/watch?v=F32QhaHFn1k)\n- [View and Application State](https://www.youtube.com/watch?v=FCUS6RrhRtI)\n\n## Examples and boilerplates\n\n- [Marionette Require Boilerplate](https://github.com/BoilerplateMVC/Marionette-Require-Boilerplate)\n- [Marionette Contact Manager](https://github.com/dmytroyarmak/marionette-contact-manager) - Continuation of development \"Backbone Contact Manager\" but using Marionette.js\n- [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\n- [MarionetteJS + RequireJS + Twitter Bootstrap](https://github.com/ajaxray/marionette-boilerplate) - Let's start the dance! This boilerplate is a ready setup for starting your next awesome javascript app in minutes\n- [Marionette Gentle Introduction](https://github.com/davidsulc/marionette-gentle-introduction)\n- [Marionette Wires](https://github.com/thejameskyle/marionette-wires)\n- [Marionette Cookbook](https://github.com/MarionetteLabs/marionette-cookbook)\n- [MarionetteJS + Brunch + Babel/ES6](https://github.com/denar90/brunch-with-marionettejs)\n- [A Place to Write About Technical Subjects on the Web](https://github.com/jmeas/gistbook)\n- [The Front End App for edit.sx](https://github.com/samccone/edit.sx-frontend)\n- [Streamus](https://github.com/MeoMix/StreamusChromeExtension)\n- [Marionette-Integrations](https://github.com/marionettejs/marionette-integrations) - example marionette apps using several different asset management tools\n- [ES6 Marionette Project](https://github.com/abiee/es6-marionette)\n- [Todo List](https://github.com/tastejs/todomvc/tree/master/examples/backbone_marionette) - TodoMVC example\n- [Webpack-Marionette](https://github.com/alexpsi/webpack-marionette) A small boilerplate introducing webpack and es6 features to a Marionette/Backbone application, contains a sample CRUD application of an editable Cookbook.\n\n\n## Libraries\n\n- [Marionette State](https://github.com/Squareknot/marionette.state)\n- [Marionette Virtual Dom](https://github.com/tiagorg/marionette-vdom)\n- [Marionette Form View](https://github.com/viverae/marionette.formview)\n- [A Better Router for Backbone and Marionette Applications](https://github.com/Betterment/backbone.blazer)\n- [Marionette.Toolkit](https://github.com/RoundingWellOS/marionette.toolkit) - A collection of opinionated Backbone.Marionette extensions for large scale application architecture.\n- [Orchestra](https://github.com/BedeGaming/orchestra) - Client-side app orchestration framework\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsadcitizen%2Fawesome-marionette","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsadcitizen%2Fawesome-marionette","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsadcitizen%2Fawesome-marionette/lists"}