Какая разница между `call()` и `put()` в Redux-Saga и как их обычно используют при обработке асинхронных действий?

Основные отличия

call() и put() — это функции-создатели эффектов в redux-saga, которые говорят middleware выполнить конкретные действия.

• call() говорит middleware вызвать асинхронную функцию и дождаться её результата
• put() говорит middleware задиспатчить экшн в Redux store

Как работает call()

Функция call() выполняет функцию или promise и останавливает выполнение до его завершения. Синтаксис: первым аргументом передаётся функция, затем — любые параметры, которые нужно в неё передать.

В этом примере middleware вызывает api.fetchUser с action.userId и присваивает результат переменной userData.

Как работает put()

Функция put() диспатчит Redux-экшены для обновления состояния store. Она принимает объект экшена как аргумент и отправляет его через стандартный Redux dispatch.

Это диспатчит в store экшн с полученными данными пользователя.

Практический пример

В типичной саге для получения данных:

• Используй call() для выполнения API-запроса и ожидания ответа
• Используй put() для диспатча экшенов успеха или ошибки в зависимости от результата

Главное правило

Думай о call() как об обработке сайд-эффектов (внешние операции) и о put() как об управлении обновлениями состояния (диспатч в store).