Декомпозиция карточки товара
В этом задании мы разобьём карточку товара интернет-магазина на логические компоненты.
Карточка товара - это сложный UI элемент, который содержит несколько независимых частей: галерею изображений, информацию о цене, селектор количества, кнопку покупки и описание.
Когда все эти части находятся в одном компоненте, код становится длинным и трудным для понимания. Каждая часть имеет свою ответственность и может быть выделена в отдельный компонент.
В нашей карточке товара можно выделить:
- Галерея изображений - главное изображение и миниатюры
- Информация о товаре - название, цена, рейтинг
- Селектор количества - поле ввода для выбора количества товара
- Кнопка добавления - кнопка с состоянием (обычное/добавлено)

