[ALOY-455] Remove Backbone eventing from Titanium proxies
GitHub Issue | n/a |
---|---|
Type | Improvement |
Priority | Critical |
Status | Resolved |
Resolution | Fixed |
Resolution Date | 2013-01-18T16:48:12.000+0000 |
Affected Version/s | n/a |
Fix Version/s | Alloy 1.0.0, 2013 Sprint 02 |
Components | Runtime |
Labels | GA-candidate, notable |
Reporter | Tony Lukasavage |
Assignee | Unknown |
Created | 2013-01-11T10:42:23.000+0000 |
Updated | 2018-03-07T22:25:59.000+0000 |
Description
To this point Alloy was adding Backbone eventing functions to the Titanium proxies that are generated from the XML markup. This added the
on()
, off()
, and trigger()
functions to proxies that essentially served the same purpose the proxies' traditional addEventListener()
, removeEventListener()
, and fireEvent()
respectively. This was some experimental functionality to see if Alloy could enhance the event handling on proxies without needing changes from the platforms themselves.
Unfortunately, though, in doing some deep functional and performance testing prior to the upcoming Alloy 1.0.0 GA release I found that adding the Backbone eventing to each proxy was significantly increasing the time necessary to generate those proxies. Due to the nature of the native platform relationship proxies have in Titanium, it's impossible to augment them without this overhead. The following example shows creating 10000 Ti.UI.Views with traditional Titanium dev and Alloy dev.
var iterations = 10000;
for (var k = 0; k < 5; k++) {
var start = new Date().getTime();
for (var i = 0; i < iterations; i++) {
var bob = Ti.UI.createView();
}
var end = new Date().getTime();
var time = end - start;
Ti.API.info('Traditional time: ' + time);
start = new Date().getTime();
for (i = 0; i < iterations; i++) {
var bob = A$(Ti.UI.createView());
}
end = new Date().getTime();
time = end - start;
Ti.API.info('Alloy time: ' + time);
}
The output of the above app on my machine was as follows:
[INFO] : Traditional time: 288
[INFO] : Alloy time: 1558
[INFO] : Traditional time: 304
[INFO] : Alloy time: 1543
[INFO] : Traditional time: 252
[INFO] : Alloy time: 1619
[INFO] : Traditional time: 350
[INFO] : Alloy time: 1633
[INFO] : Traditional time: 294
[INFO] : Alloy time: 1535
So as is apparent here, the A$
function that adds backbone eventing to the proxies significantly slows down proxy creation. For this reason, in the 1.0.0 GA for Alloy, I will be removing all Backbone eventing on all proxies generated from markup.
What does this mean? Essentially, if you were using on(), off(), and trigger() on your proxies, go back to using addEventListener(), removeEventListener(), and fireEvent(). That's pretty much it. Be aware that the Alloy controllers themselves will still have Backbone eventing, as will of course the models and collections. Only the proxies created from Alloy XML markup will be affected.
All samples and documentation will also need to be updated to reflect the absence of backbone eventing on proxies.
The Alloy.A() wrapper function that added Backbone eventing to Titanium proxies built from markup has been removed. All references used in Alloy to that function have been removed. All use of on()/off()/trigger() functions in Alloy code has been removed. All test apps that utilized these functions have been replaced with addEventListener()/removeEventListener()/fireEvent() respectively.