backed

Small web framework for quick app & component development

Features

• ~~class development without the worry of constructors and calling super~~
• internal/scoped & global property observers, checkout using observers
• updates property values to attributes & the otherway around, checkout using reflect
• easy to compose with other classes.
• ~~templating using lit-html, checkout using render~~

Templating is not included out of the box anymore, checkout custom-renderer-mixin or backed-lit-mixin for rendering.

Installation

$ yarn add backed

$ npm install --save backed

Usage

Importing

ES modules

Imports are found in the "src" folder

import package from 'package/location/src/package.js';

iife

Imports are found in the package root folder

<script src="package/location/package.js"></script>

checkout some usage examples

More info

• wiki

Roadmap

• [x] Support customElementsV1
• [ ] Support commonjs (node)
• [x] Add observer support
• [x] Add global observer support

TODO

• [ ] Add strict property support (wip)
• [ ] Handle Commonjs (properties, observers, etc ...)
• [ ] Bind properties & attributes (use pubsub to notify changes)
• [x] Reflect properties & attributes
• [ ] Add demo's
• [ ] Add documentation

Notes

• Currently working on splitting into modules as much possible/needed
• LitMixin is about to be removed & can be found @ backed-lit-mixin

License

CC-BY-NC-ND-4.0 © Glenn Vandeuren