Компонент — это модульный, переиспользуемый блок кода, который представляет собой отдельную часть пользовательского интерфейса в веб-приложениях. Компоненты активно используются в таких современных технологиях, как React, Vue, Angular и других JavaScript-фреймворках и библиотеках.

Основные особенности компонента:

• Переиспользуемость – Один и тот же компонент можно использовать в разных частях сайта или приложения.
• Модульность – Код становится более структурированным и лёгким для поддержки.
• Изолированность – Компоненты работают независимо, каждый содержит свои данные, методы и визуал.
• Управляемость – Изменения в одном компоненте не влияют на другие, если они корректно изолированы.

Пример:

На сайте интернет-магазина карточка товара (с изображением, названием, ценой и кнопкой) может быть оформлена как отдельный компонент. Такой компонент можно использовать многократно, просто передавая в него разные данные о товаре.

Есть ли компоненты в HTML?

В классическом HTML такого понятия нет, но с помощью Web Components (Custom Elements, Shadow DOM и др.) можно реализовать похожую архитектуру.

Компоненты — один из краеугольных камней современного фронтенд-разработки.