A naive approach to feature based js apps

Feature-based JS apps
The naïve approach

application = set of features
features are pluggable

function shootOnTarget(model) {
// do stuffs
return newmodel;
}
const myApplication = globular.initializeApp(‘hockey-shot-recorder');
myApplication.extendWithFeature('shoot-on-target', shootOnTarget);
myApplication.executeFeature('shoot-on-target', {
“player”: 23,
“team”: “FTC”,
“period”: 1
});

outputs of features could be used in any number of views

class ShootOnTarget {
constructor() {
this.views = [];
}
execute(model) {
// do stuffs
this.views.forEach(view => {
view(newmodel);
});
}
pluginView(view) {
this.view.push(view);
}
}

const myApplication = globular.initializeApp('hockey-shot-record');
const shootOnTarget = new ShootOnTarget();
shootOnTarget.pluginView(model => {
// do stuffs
});
"player": 23,
"team": "FTC",
"period": 1
});

outputs of features could be used in any number of views
features use common resources (e.g. persistency)

constructor({persistency, api}) {
this.persistency = persistency;
this.api = api;
this.views = [];
}
// …
// ‘execute()’ method refers to persistency and api props
// while doing its stuff
}

const shootOnTarget = new ShootOnTarget({persistency, api}));
shootOnTarget.pluginView(model => {
// do stuffs
});
"player": 97,
"team": "FTC",
"period": 1
});

constructor({persistency, api}) {
this.persistency = persistency;
this.api = api;
}
execute(model) {
// uses persistency/api and
// returns a promise
}
}

myApplication.extendWithFeature('shoot-on-target', ShootOnTarget);
myApplication.getFeature('shoot-on-target').pluginView(model => {
// do stuffs
});
"player": 11,
"team": "FTC",
"period": 1
});

testable applications via testing features
 pure Javascript/ES2015 implementations
 DOM-manipulation is out of app’s scope
focus on functionalities

https://www.npmjs.com/package/globular

peppierre@gmail.com
@peppierre
peppierre

A naive approach to feature based js apps

More Related Content

More from Peter Abraham (6)

Recently uploaded (20)

A naive approach to feature based js apps

Editor's Notes