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.
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.
$ npm i add-weak-listenerimport 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.
}
}