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

В данной шпаргалке приведён достаточный минимум для понимания работы Веб-компонентов с объясняющими комментариями.

Содержание:

1. Web Components
   1. Шаблоны
   2. Кастомные элементы
   3. Полифилы
2. Shadow DOM
   1. Примеры
   2. Решение проблем инкапсуляции HTML и CSS
3. Стили
   1. Новые селекторы
   2. Импорт HTML

Весь код доступен в репозитории проекта по ссылке https://github.com/sbogdanov108/webcomponents_cheatsheet.