backed [![NPM version][npm-image]][npm-url] [![Build Status][travis-image]][travis-url] [![Dependency Status][daviddm-image]][daviddm-url] [![Coverage percentage][coveralls-image]][coveralls-url]

> 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

``sh
$ yarn add backed
`

`sh
$ npm install --save backed
`

Usage

$3

#### ES modules
Imports are found in the "src" folder
`js
import package from 'package/location/src/package.js';
`
#### iife
Imports are found in the package root folder
`html

``

$3

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

[lit-html]: https://www.npmjs.com/package/lit-html
[using observers]: examples.md#using-observers
[using reflect]: examples.md#using-reflect
[using render]: examples.md#using-render
[backed-lit-mixin]: https://github.com/vandeurenglenn/backed-lit-mixin
[custom-renderer-mixin]: https://github.com/vandeurenglenn/custom-renderer-mixin
[npm-image]: https://badge.fury.io/js/backed.svg
[npm-url]: https://npmjs.org/package/backed
[travis-image]: https://travis-ci.org/basicelements/backed.svg?branch=master
[travis-url]: https://travis-ci.org/basicelements/backed
[daviddm-image]: https://david-dm.org/basicelements/backed.svg?theme=shields.io
[daviddm-url]: https://david-dm.org/basicelements/backed
[coveralls-image]: https://coveralls.io/repos/basicelements/backed/badge.svg
[coveralls-url]: https://coveralls.io/r/basicelements/backed