Можно далее делать так:

class Modal {
  constructor (url) {
    this.url = url
  }

  async getData () {
    let res = await fetch(this.url)
    res = await res.json()
  }
}

class SmallModal extends Modal {
  constructor (...args) {
    super(...args)
    this.width = 300
    this.height = 250
  }
}

class MuddleModal extends Modal {
  constructor (...args) {
    super(...args)
    this.width = 500
    this.height = 350
  }
}

Ну например

Можно и не так

Можно даже так:

const Behavior = (superclass) => class extends superclass {
  // method(s)
}

class SmallModal extends Behavior(Modal) {
  // method(s)
}

понял, я пока что только не понимаю как мне это переписать

Ну тут без поллитра не разберешься

Ну то что я написал просто, а как это на новый лад сделать пока что не представляю

Я лично не понимаю что у тебя написано и какую цель ты преследовал

Тебе несколько человек сказали "пиздец"

Я сказал пиздец только по стрелочным функциям во всех методах класса.

Ладно.. я тут мимо прохожу и никак не помогаю. Только мешаю

И ною, что занят постоянно

а что не так со стрелочными функциями?

Твоё желание исп классы похвально. Просто нужно ещё пару лет стараться. Не запускай себя, правильно питайся, занимайся спортом, и выучи наконец то Джаваскрипт

Я не уверен. Поэтому и указал на это. Но кажется в некоторых случаях они избыточны могут быть. Тк нет необходимости в изменении контекста внутри функции. А по сути ведут они себя как байндить их.

Я стрелочные функции вообще убрал все равно бабель не транспелирует

Ощущение что у меня у самого здесь нет уверенности. Что-то я недопонимаю

Они могут быть нужны для методов к которым ты обращаешься снаружи. Что бы сохранит правильный контекст))