Refactor 6 - Mini-SPA

refactor-06-mini-spa.js

// -------------------------------------
// PAGE TEMPLATE ***********************
// -------------------------------------

// -------------------------------------
// my-app.js
// -------------------------------------

define('app', function(require, exports, module) {

    'use strict';

    var $ = require('jquery');
    var _ = require('underscore');
    var Backbone = require('backbone');
    var Modernizr = require('modernizr');
    var HeaderController = require('./header-controller');
    var FooterController = require('./footer-controller');

    var app = new Backbone.Application();

    module.exports = app;

});

(function() {

    var $ = require('jquery');
    var app = require('app');

    // dom ready
    $(function() {
        app.start();
    });

}());


// -------------------------------------
// PAGE ********************************
// -------------------------------------

// -------------------------------------
// page-one-main.js
// -------------------------------------

;
(function() {

    'use strict';

    var $ = require('jquery');
    var PageOneController = require('./page-one-controller');
    var app = require('app');

    // dom ready
    $(function() {
        app.start({
            ScreenController: PageOneController
        });
    });

}());

// -------------------------------------
// page-one-controller.js
// in charge of starting up and coordinating views/models/routes/events
// -------------------------------------

define('page-one-controller', function(require, exports, module) {

    'use strict';

    var Backbone = require('backbone');
    var PageOneView = require('PageOneView');

    var PageOneController = Backbone.Controller.extend({

        initialize: function(options) {
            var pageOneView = new PageOneView();
        }

    });

    module.exports = PageOneController;

});


// -------------------------------------
// page-one-view.js
// -------------------------------------

// requireJS simplified commonJS wrapper
// do this so can use the commonJS style
// make switch to browserify easier
define('page-one-view', function(require, exports, module) {

    'use strict';

    var Backbone = require('backbone');

    var PageOneView = Backbone.View.extend({


    });

    module.exports = PageOneView;

});