YUI3: A Start

general.js

YUI.add(
    "myapp-general",
    function (Y) {
        var Clazz = Y.namespace("MyApp").General = Y.Base.create(
            "myapp-general",
            Y.Widget,
            [],
            {
                initializer: function (config) {
                    Y.log("initializer", "debug", Clazz.NAME);
                },

                destructor: function () {
                    Y.log("destructor", "debug", Clazz.NAME);
                }
            },      
            {       
                ATTRS: {}
            }   
        );
    },          
    "0.0.1",        
    {           
        requires: [
           "widget"
        ]       
    }               
);                  

gistfile1.js

YUI().use("base", "myapp-shopper", function (Y) {
  var shopper = new Y.MyApp.Shopper ({ render: true });
});

history.js

YUI.add(
    "myapp-history",
    function (Y) {
        var Clazz = Y.namespace("MyApp").History = Y.Base.create(
            "myapp-history",
            Y.Widget,
            [],
            {
                initializer: function (config) {
                    Y.log("initializer", "debug", Clazz.NAME);
                },

                destructor: function () {
                    Y.log("destructor", "debug", Clazz.NAME);
                }
            },      
            {       
                ATTRS: {}
            }   
        );
    },          
    "0.0.1",        
    {           
        requires: [
           "widget"
        ]       
    }               
);                  

preferences.js

YUI.add(
    "myapp-preferences",
    function (Y) {
        var Clazz = Y.namespace("MyApp").Preferences = Y.Base.create(
            "myapp-preferences",
            Y.Widget,
            [],
            {
                initializer: function (config) {
                    Y.log("initializer", "debug", Clazz.NAME);
                },

                destructor: function () {
                    Y.log("destructor", "debug", Clazz.NAME);
                }
            },      
            {       
                ATTRS: {}
            }   
        );
    },          
    "0.0.1",        
    {           
        requires: [
           "widget"
        ]       
    }               
);              

shopper.js

YUI.add(
    "myapp-shopper",
    function (Y) {
        var Clazz = Y.namespace("MyApp").Shopper = Y.Base.create(
            "myapp-shopper",
            Y.Widget,
            [],
            {
                _preferences: null,
                _history: null,
                _general: null,

                initializer: function (config) {
                    Y.log("initializer", "debug", Clazz.NAME);
                
                    this._preferences = new Y.MyApp.General ();
                    this._history = new Y.MyApp.History ();
                    this._general = new Y.MyApp.Preferences ();
                },

                destructor: function () {
                    Y.log("destructor", "debug", Clazz.NAME);
                },
            
                renderUI: function () {
                    Y.log("renderUI", "debug", Clazz.NAME);
                    var cb = this.get("contentBox");
        
                    this._preferences.render(cb);
                    this._history.render(cb);
                    this._general.render(cb);
                } 
            },
            {
                ATTRS: {}
            }
        );
    },
    "0.0.1",
    {
        requires: [
            'widget',
            'myapp-general',
            'myapp-preferences',
            'myapp-history'
        ]
    }
);