При создании качественных интерфейсов мы, совместно с дизайнером, всегда прорабатываем состояние загрузки всех элементов, которые мы получаем динамически (самый простой пример - получение элемента или списка от api).

🐣 Для отрисовки состояния загрузки мы используем скелетоны - это достаточно простой паттерн в реализации, но при этом создает положительный эффект пользовательского взаимодействия. Основное правило: скелетон должен стремиться по структуре максимально совпадать с получаемым элементом.

ℹ️ Например: если ваша задача отобразить элементы списка, высоту которых вы точно знаете - то можно реализовать скелетон в виде списка, где каждый элемент будет иметь эту самую высоту.

#frontend #ui #design #ux #js #javascript #typescript #react #дизайн #loader