Javascript классов, синглтон и как инициировать несколько объектов

Question

Я пытаюсь понять, как управлять объектами и классами в Javascript. В моем веб-интерфейсе есть несколько элементов: некоторые элементы, такие как меню, уникальны, поэтому мне нужно инициировать только один раз, но у меня есть какой-то объект, где я могу иметь несколько экземпляров на страницах, например, галерею.

Теперь для меню у меня есть

export class Menu {
  init() {
  ...
  }
}

export default new Menu();

А потом

import MenuSingleTon, { Menu } from './menus';

const menu = new Menu();

document.addEventListener('DOMContentLoaded', () => {
  menu.init();
})

Для своих галерей я использую нечто подобное

export class Gallery {

  constructor() {
  ....
  }

  init() {
   $('gallery').each((i, el) => 
    new gallery($(el)));
  }
}

export default new Gallery();

Но я думаю, что это подход неверен. Я не уверен.