На низком уровне Компоненты представляют собой изолированные части (блоки) пользовательского интерфейса (UI). Компонент может взаимодействовать с другими компонентами.
Возьмем, к примеру, элемент
. Мы можем использовать этот элемент с любыми технологиями в браузере, и мы можем передавать такие свойства, как width и height и слушайте такие события, как onclick.
На высоком уровне, мы можем сказать, что компоненты — это набор API-интерфейсов веб-платформы. (интерфейсы прикладного программирования), которые позволяют нам создавать теги HTML, со встроенными стилями и JavaScript логикой, которые будут работать в современных веб-браузерах и может использоваться фрэймворками JavaScript (React, Angular, Vue.js и т. д.).
Ожидается, что компоненты будут использоваться в веб-браузерах в течение длительного времени и предлагают множество преимущества, в том числе следующие:
• Веб-компоненты можно использовать повторно и работать между платформами.
• Веб-компоненты могут работать во всех основных веб-браузерах.
• Веб-компоненты просты в обслуживании и готовы к будущем, если они основаны на спецификациях веб-платформы.
Практика