Филипп Гапоненко

el === (val2 || val)

Тут можно не навешивать обработчик на каждый из элементов, а использовать делегирование событий — вместо множества обработчиков навесить один обработчик на родителя.

Это позволит не навешивать обработчики заново при добавлении новых элементов и не заботиться об удалении обработчиков из памяти при удалении элементов.

Все верно, функции находятся в prototype.
В момент вызова конструктора создается пустой объект и в его прототип записываются свойства геттер и сеттер.

Но это не просто свойство, а сеттер.
Когда транспайлер разбирает ваш класс он устанавливает свойство при помощи свойства set defineProperties.

Если у объекта в цепочке прототипов есть сетер, то будет использован именно он.
Вот пример на простых объектах.

.submenu-tab:after {
  transfrom: rotat(1deg)
}

Можно сделать так.
При наличии класса выставляется rotate, при отсутствии класса rotate возвращается в исходное состояние.

Изначаль созданный вами промис находится в состоянии pending

Данный код

setTimeout(() => {
        // переведёт промис в состояние fulfilled с результатом "result"
        resolve("result");
    }, 1000);

Хранится в объекте промиса и будет вызван сразу, а когда будет вызван `resolve`, этот вызов стриггерит на объекте промиса событие изменения состояния.
Т.к. вызывается resolve то промис переходит в состояние fulfilled и значение из resolve передается в коллбек, который будет вызван внутри then.

Не уверен, что правильно понял суть вашего вопроса, но надеюсь это сможет помочь.

1. https://learn.javascript.ru/promise
   
2. https://habr.com/ru/company/mailru/blog/269465/
   

У вас в mapStateToProps и в mapDispatchToProps одинаковые поля, в пропсах компонента одно из этих полей перезатрет другое.

Вы не можете поменять цвет т.к. к вас в svg встроен элемент image со ссылкой на пнгшку, а png это не svg: data:image/png;

Поменять цвет у png через css невозможно.

Чтобы иметь возможность менять цвет вам нужна иконка в svg, которая будет описана соответствующими элементами<circle>, <path> и т.д. тогда их свойствами можно будет управлять через атрибуты и css.

let maxArrayLength = Math.max.apply(null, val.map(item => item.length));

Стрелочная функция получает внешний, по отношению к себе, контекст;

Выше вариант с currentTarget правильный.

не знаю, как это исправить, кроме как переделать функцию на ES5, но хотелось бы оставить стрелочную

Стрелочные функции это инструмент, который нужно применять по назначению, если для решения вашей задачи можно написать function declaration, то лучше не усложнять себе(и тому, кто будет читать ваш код) жизнь, а сделать именно так.