Get started with backbone.marionette CDN

MIT licensed

Backbone.Marionette: Library for large-scale, modular Backbone.js apps.

Tags:

collections
models
controllers
events
popular

Stable version

https://cdn.cdnhub.io/backbone.marionette/4.1.3/backbone.marionette.min.js Copied!

How to start using backbone.marionette CDN


// Include Backbone and Backbone.Marionette via CDN
const Backbone = require('https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.3.3/backbone-min.js');
const Marionette = require('https://cdn.cdnhub.io/backbone.marionette/4.1.3/backbone.marionette.min.js');

// Define a simple model
class MyModel extends Backbone.Model {
  defaults() {
    return { message: 'Hello, Marionette!' };
  }
}

// Define a simple view
class MyView extends Marionette.View {
  template() {
    return `<p>${this.model.get('message')}</p>`;
  }
}

// Define a region and a layout
class MyLayout extends Marionette.Layout {
  template() {
    return '<div id="content"></div>';
  }

  regions() {
    return {
      content: '#content'
    };
  }
}

// Initialize the application
class App extends Marionette.Application {
  constructor() {
    super();

    this.addInitializer(() => {
      this.layout = new MyLayout();
      this.addRegion('main', this.layout.get('content'));

      this.showChildView('main', new MyView({ model: new MyModel() }));
    });
  }
}

new App().start();

https://cdn.cdnhub.io/backbone.marionette/4.1.3/backbone.marionette.js Copied!

https://cdn.cdnhub.io/backbone.marionette/4.1.3/backbone.marionette.js.map Copied!

https://cdn.cdnhub.io/backbone.marionette/4.1.3/backbone.marionette.min.js Copied!

https://cdn.cdnhub.io/backbone.marionette/4.1.3/backbone.marionette.min.js.map Copied!

Get started with backbone.marionette CDN

Stable version

How to start using backbone.marionette CDN

All versions