Add weak Listener
Add weak event listeners from your components/classes based on WeakRefs. This package handles the boilerplate for you, which isn't too much anyways but not particularly good looking.
Typescript defintions are included.
Why ?
Event listeners are often a source of memory leaks. As the listener maintains a strong depedency to the callback which is in turn dependent on the object/closure, the closure/object is never Garbage collected.
See this awesome article by folks on v8 team, for a detailed explanation.
Usage
$ npm i add-weak-listener
import addWeakListener from 'add-weak-listener';
class MyComponent {
constructor() {
// This event listener will be cleaned by the garbage collector
// when the an object of MyComponent is GC'd.
addWeakListener(
window, // Event Target window / element / socket etc
'message', // Event type
this.listener, // The listener callback
{ once: true } // (optional) addEventListener options
)
}
private listener = (ev) => {
// do something here.
}
}
14 Oct 10, 2022
50 Oct 31, 2022
21 Sep 17, 2022
5 Mar 28, 2022
78 Dec 26, 2022
8.5k Jan 2, 2023
2 Oct 7, 2022
5 Sep 5, 2022
4 May 24, 2022
473 Sep 27, 2022