Marionette.js. Application. Start

The Application comes with a start method. This can be used to accomplish tasks before the rest of your application begins. Let's take a quick look at an example:

by marionettejs

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.2/jquery.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.3.3/backbone-min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.radio/2.0.0/backbone.radio.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.marionette/3.0.0/backbone.marionette.js"></script>

JavaScript

// dumb promise
// use real ajax request/response instead
const loadInitialData = function() {
  return Promise.resolve();
};

// Create our Application
const app = new Marionette.Application();

// Start history when our application is ready
app.on('start', () => {
  Backbone.history.start();
  console.log('app has started');
});

// Load some initial data, and then start our application
loadInitialData().then(() => app.start());