Веб компоненты. Часть 1: Пользовательские элементы

[PaulMaly]

> Понаблюдав за работой таймера в инструментах разработчика можно заметить что страница не перегружается, изменения в DOM вносятся точечно. Очень напоминает реакт

А почему страница вообще должна перегружаться? Вы когда просто с DOM работаете у вас она это разве делает? Причём тут реакт вообще)) Такое ощущение что это buzz-word который нужно присунуть в любую статью и без него статья хорошей быть по определению не может.

По поводу custom elements. Всегда удивляла способность ребят из стандарта портить хорошие идеи отвратными api. Имхо

[devlev]

Подскажите, а будет ли работать удаление обработчика события клика с элемента при такой реализации удаления?

disconnectedCallback(){
  this.navs.forEach(nav => nav.removeEventListener('click', (e) => this.showTab(e)));
}

init() {
  this.navs = this.querySelectorAll('tab-nav-item');
  this.tabs = this.querySelectorAll('tab-content-item');
  this.navs.forEach(nav => nav.addEventListener('click', (e) => this.showTab(e)));
}

[PaulMaly]

Нет не будет. Вы должны передать «ту самую» функцию в removeEventListener, иначе она просто не будет найдена.

[mikenerevarin]

Не будет

[Tatiana_N]

Спасибо, поправила.

[skoder]

Ни слова про поддержку браузерами. Где это уже можно использовать?

[Tatiana_N]

О поддержке я обычно смотрю на такие ресурсы:
Chrome 54
Safari с 10.1
Firefox еще в процессе
Также, насколько я читала, Edge в процессе прототипирования.
Существуют полифиллы.

[youngmysteriouslight]

Существуют полифиллы.

Можно подробнее описать, как работают полифиллы? Ведь здесь идёт по сути расширение HTML как часть технологии (вторая часть — API для JS)

[Tatiana_N]

Честно говоря, я еще не разбиралась с их работой, просто знаю об их существовании. Если Вам интересно, можно почитать вот тут и вот тут.