Property effects

Jump to bottom

Glenn Vandeuren edited this page Nov 14, 2017 · 1 revision

Property effects

Compose properties and setup observers, default values etc

Value

import propertyMixin from 'backed/mixins/property-mixin.js';
import { merge } from 'backed/mixins/utils.js';

customElements.define(class MyElement extends propertyMixin(HTMLElement)) {
    static get properties() {
        return merge(super.properties, {
            name: {
                value: 'hello'
            }
        })
    }
}

Observer

import propertyMixin from 'backed/mixins/property-mixin.js';
import { merge } from 'backed/mixins/utils.js';

customElements.define(class MyElement extends propertyMixin(HTMLElement)) {
    static get properties() {
        return merge(super.properties, {
            name: {
                value: 'hello',
                observer: '_update'
            }
        })
    }
    _update() {
    }
}

Reflect