Minimalistic & fast jQuery-based front-end library for dynamic DOM manipulations.
For connect Orange with your project you need to get file dist/orange.min.js. Orange working only with jQuery. So you must connect first jQuery than Orange.
Basic structure of Orange is:
let app = new Orange();
app.setPreloader(function () {
//Some actions before start
});
app.setControllers({
'block1': new Block1Controller(), //'block1' is id of DOM element (block), Block1Controller is a function
'block2': new Block2Controller()
});
app.run();Controller is a class that must have mount method, and optionally update method.
Every child DOM element of parent blcok, that need to use, must have orange-id as attribute (a few elements can have same orange-id), elements with orange-id are called OrangeElements.