Jak odnośić się do eventów w EcmaScript ?

Witajcie,

Jaki jest najlepszy sposób/standard na odnoszenie się do eventów w EcmaScript6 ?

Mam na myśli np ready, onload, resize itd.

Za pomocą addEventListener, często z wykorzystaniem event bublingu - to jako podstawa.
Jak przetwarzasz dużą ilość eventów i dużo rzeczy się dzieje w aplikacji to warto zainteresować się obiektami Observable (RxJS, Bacon.js, Asynquence itp)

Już od dawna do przypisywania eventów nie używa się tagów HTML onclick, onmousedown itp. W erze jQuery używało się funkcji z tej biblioteki, które nadbudowywały natywny JavaScript, czyli **addEventLister ** i tego właśnie powinniśmy używać. Pamiętaj także, aby odrejestrowywać listenery, gdy nasłuchiwanie nie jest już potrzebne (removeEventListener).

Co do odrejestrowywania, to warto także pamiętać, że jeśli do addEventListener jako listener wrzucamy zbindowaną funkcję (czyli np. this.myFuncton.bind(this)), to nie możemy jej odrejestrować w standardowy sposób (bez binda), bo jest to referencja już do innej funkcji. Aby sobie z tym poradzić, często np. w konstruktorze klasy bindujemy sobie funkcje już na starcie żeby za każdym razem się nimi w ten sposób posługiwać.

np.

constructor() {
this.onClickHandler = this.onClickHandler.bind(this);
this.onDblClickHandler = this.onDblClickHandler.bind(this);
}