Где правильно устанавливать loading состояние — внутри try или снаружи?

Правильное расположение loading состояния

Состояние загрузки (loading) должно управляться вне блоков try и catch, чтобы обеспечить предсказуемое поведение интерфейса. Установка loading в true происходит непосредственно перед вызовом асинхронной функции, а сброс — после завершения операции, независимо от результата.

Пример реализации

async function fetchData() {
  setLoading(true); // Устанавливаем до try
  try {
    const response = await api.get('/data');
    setData(response.data);
  } catch (error) {
    setError(error.message);
  } finally {
    setLoading(false); // Сбрасываем в finally
  }
}

Почему это важно

• Если установить loading внутри try, при ошибке до установки loading он останется false, и пользователь не увидит индикатор загрузки.
• Если сбрасывать loading только в catch, при успешном выполнении он останется true навсегда.
• Блок finally гарантирует выполнение кода в любом случае, что делает его идеальным местом для сброса loading.

Вывод

Устанавливайте loading в true перед try и сбрасывайте в finally (или после try-catch). Это обеспечивает корректное отображение состояния загрузки во всех сценариях: успех, ошибка или преждевременное завершение.