Skip to content
A lightweight JavaScript component framework
JavaScript
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
docs
src
.gitignore
.npmignore
.travis.yml
LICENSE
README.md
package-lock.json
package.json
test.js
webpack.config.js

README.md

widgetjs

Build Status npm

A lightweight JavaScript component framework

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.

Read the documentation here

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.

You can’t perform that action at this time.