Twitter Flight

JS ZOO

+

Flight

Component

Advice

Regstry

Аrchitecture

[ UI ]

[ Data ]

Events

Handling

this.after("initialize", function() {
this.on("uiItemsRequested", this.serveMailItems);
this.on("dataItemsRefreshRequested", this.serveMailItems);
});

Triggering

this.forwardMail = function(ev, data) {
this.trigger('uiForwardMail');
};

Features

• mixins
• cleanup
• 100% decouping

Why events?

Creating component

function attachTo(selector/*, options args */) {
    if (!selector) {
        throw new Error();
    }

    $(selector).each(function(i, node) {
        new this(node, options);
    }.bind(this));
}

Problems

• limitation
• events debug
• no nesting

Components collection

No framework is perfect,
but we're getting there

Thanks!