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

• Support customElementsV1
• Support commonjs (node)
• Add observer support
• Add global observer support

TODO

• Add strict property support (wip)
• Handle Commonjs (properties, observers, etc ...)
• Bind properties & attributes (use pubsub to notify changes)
• 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