Estoy usando Módulos de JavaScript Vanilla. Tengo el archivo main.js (donde inicio la aplicación) y otros archivos de componentes (hamburger.js, modal.js, etc.). Estos componentes tienen elementos que quiero escuchar, pero no sé si debo agregar sus detectores de eventos en su propia clase o debería agregarlos en main js.

Oyentes de eventos en el ejemplo de clase

 export default class Hamburger { constructor(element) { this.element = element; } handleClick() { // code... } addEventListeners() { this.element.addEventListener('click', this.handleClick); } }

Oyentes de eventos en el ejemplo principal del archivo JavaScript

 import Hamburger from './hamburger.js'; const element = document.querySelector('.js-element'); const hamburger = new Hamburger(element); hamburger.element.addEventListener('click', handleClick);

Estos son los ejemplos que me vienen a la mente. Si hay una mejor manera sin usar ningún marco o biblioteca, estoy abierto a ello.