Декомпозиция компонента
В этом задании мы научимся разбивать большой компонент на маленькие независимые части.
Декомпозиция - это разделение сложной системы на простые элементы. Представьте LEGO конструктор - вместо одного огромного блока у вас много маленьких деталей, из которых можно собрать что угодно.
В React большой компонент со множеством элементов становится сложным для понимания и поддержки. Лучше разбить его на несколько маленьких компонентов, каждый из которых отвечает за свою часть интерфейса.
Например, компонент профиля можно разбить на:
Avatar- аватар пользователяProfileHeader- заголовок с именем и должностью