widgetjs is a lightweight framework in JavaScript to separate web applications in multiples reusable components called widgets.
import {Widget} from "widgetjs";
class MyWidget extends Widget {
constructor() {
super();
this.el.innerHTML = "<h1>Welcome to widgetjs!</h1>";
this.on("dom:click h1", function() {
window.location = "http://widgetjs.neoname.eu";
});
}
}
new MyWidget().appendTo(document.body);
- Uses simple class inheritance.
- Provides an events system separate from the DOM.
- Provides life-cycle management for visual components.
- Can be used with or without jQuery.
widgetjs is not a full featured framework that can handle all aspects of a web application like network communications or routing, there already exists good libraries for that. widgetjs only handles one aspect of web development: separation of visual components into independant entities. So it provides only features to serve that goal, namely widgets, events and lifecycle management.
To install:
npm install widgetjs
Or download it on https://unpkg.com/widgetjs/
License: MIT
Supported browsers: All major browsers as well as IE down to IE9.