Компоненты и состояния: от кнопки к таблице

Компонент — это контракт: какие у него состояния, что он делает с длинным текстом, как ведёт себя без данных. Если состояния не описаны, разработка дорисует их сама — по-своему.

Разбираем: анатомия кнопки (default/hover/disabled/loading), карточка с пустым состоянием, таблица, которая не ломается от длинных имён. Правило: компонент без описанных состояний не считается готовым.

Проверка на прочность: замените в макете все данные на реальные — длинные фамилии, пустые поля, нулевые значения. То, что развалилось, — не было компонентом.