A set of reactive controllers that facilitate using the platform observer objects.
npm install @lit-async/observersA set of reactive controllers that facilitate using the platform observer
objects, including:
- MutationObserver
- ResizeObserver
- IntersectionObserver
- PerformanceObserver
The modern web platform provides a number of observer helpers that can be used
to detect changes to which web applications may want to react. By managing
one of these observers with a reactive controller, changes can be easily
integrated into the Lit reactive update lifecycle. The controller can also help
manage observer cleanup and rendering in response to changes.
From inside your project folder, run:
``bash`
$ npm install @lit-labs/observers
Here's an example:
`ts
import {MutationController} from '@lit-labs/observers/mutation_controller.js';
// ...
class MyElement extends LitElement {
private _observer = new MutationController(this, {
config: {attributes: true},
});
render() {
return html ${this._observer.value ? Attributes set! : `} ;
}
}
```
Please see CONTRIBUTING.md.