Назад к задачам
Junior — Senior
5

Компонент отображения случайных программных шуток

Получайте помощь с лайвкодингом в реальном времени с Sobes Copilot
Условие задачи

Разработайте UI‑компонент, который будет показывать случайные программные анекдоты. Пользователь должен иметь возможность нажать кнопку, чтобы получить новую шутку.

Требования:

  1. При загрузке страницы отображается кнопка с надписью «Получить шутку!».
  2. При нажатии на кнопку компонент отправляет запрос к публичному API с шутками, например, Official Joke API (https://www.joke.com/login.php?id=3).
  3. После получения ответа шутка выводится над кнопкой.
  4. Если запрос завершается ошибкой или API недоступен, показывается сообщение об ошибке.

Опционально (по желанию):

  • Добавьте индикатор загрузки или анимацию во время ожидания ответа.
  • Вынесите запрос и связанную логику в кастомный хук.