OrangeLib

Minimalistic & fast jQuery-based front-end library for dynamic DOM manipulations.

Installation

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.

Structure

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();

Controllers

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.