Компонент
Также: Component
Компонент — это независимый, многоразовый кусочек интерфейса, из которого, как из деталей конструктора, собирается всё приложение.
Представьте, что вы строите дом из LEGO. Вместо того чтобы каждый раз вырезать кирпич из дерева, вы берете готовый блок нужной формы и цвета. В разработке компонент — это такой же «кирпичик»: кнопка, форма ввода или карточка товара, которую вы создали один раз и можете использовать на разных страницах сайта.
Если вам нужно изменить цвет всех кнопок на сайте, вам не придется править каждую страницу отдельно. Вы просто меняете настройки в одном «главном» компоненте, и он автоматически обновляется везде, где вы его использовали. Это экономит время и помогает избежать ошибок.
Зачем это нужно
Для вайбкодера компоненты — это способ быстро собирать интерфейсы, не изобретая велосипед. Понимая, как устроены компоненты, вы можете просить AI-ассистентов генерировать код целыми блоками, что делает процесс разработки похожим на сборку конструктора, а не на написание бесконечных строк кода с нуля.