stages of backbone app startup

1.js

App = {
  init: function(){
    // app initialization and startup goes here
  }
}

App.init();

2.js

Backbone.Router.extend({
  routes: {
    "image/:id": "imageById"
  },
 
  imageById: function(id){
    var image = imageCollection.get(id);
    App.showImage(image);
  }
});

3.js

Backbone.Router.extend({
  routes: {
    ":roomname": "chatroom"
  },
 
  chatroom: function(roomname){
    ChatApp.enterRoom(roomname);
  }
});

4.js

App = new Backbone.Marionette.Application();

App.addInitializer(function(){
  // add some app initialization code, here
});

App.addInitializer(function(){
  // more initialization stuff 
  // for a different part of the app
});

// run all the initializers and start the app
App.start();

5.js

App = new Backbone.Marionette.Application();

/* ... initializers go here ... */

// contextual startup
App.on("initialize:after", function(){
  Backbone.history.start();
});