Что видит пользователь на экране во время обработки запроса

«Что видит пользователь на экране во время обработки запроса» — вопрос из категории Архитектура, который задают на 10% собеседований Frontend Разработчик. Ниже — развёрнутый ответ с разбором ключевых моментов.

Ответ

Во время обработки запроса пользователь видит индикатор загрузки или состояние "ожидания". Это может быть:

  1. Спиннер/лоадер - анимированный элемент, показывающий, что идёт процесс
function Loader() {
  return <div className="spinner"></div>;
}
  1. Скелетон/placeholder - серые блоки, имитирующие будущий контент
  2. Прогресс-бар - для длительных операций
  3. Текст статуса ("Загрузка...", "Отправка данных...")
  4. Затемнение/блокировка интерфейса - чтобы предотвратить новые действия

Лучшие практики:

  • Показывать индикатор сразу после действия пользователя
  • Для запросов >1 сек добавлять прогресс
  • Не блокировать весь интерфейс без необходимости
  • Предусматривать состояния ошибок