Почему важно, чтобы компонент не зависел от поступающих данных

Компонент должен быть независимым от данных для переиспользования и поддержки. Если компонент жестко завязан на конкретную структуру данных, его сложно адаптировать под новые требования без переписывания. Пример плохого подхода: ```jsx function UserCard({ user }) { return ; } // Зависит от структуры `user.name.first/last` ``` Лучше: ```jsx function UserCard({ firstName, lastName }) { return ; } // Принимает простые пропсы, не зависит от структуры объекта ``` Преимущества: - Легче тестировать (не нужны сложные моки) - Проще переиспользовать в разных частях приложения - Меньше связность между компонентами - Гибкость при изменении API