Выполнение вызовов API из компонента React с использованием Redux

Question

У меня есть один вопрос, который беспокоит меня, когда я работаю с React и Redux.В моем приложении у меня есть свое собственное промежуточное ПО API для выполнения вызовов API с помощью простых действий.Делает забор под капотом и возвращает обещание, прекрасно работает.Но иногда у меня возникает ощущение, что данные, которые я хотел бы получить, не помещаются в моем магазине и не должны быть там.это важно только для одного компонента и не должно быть глобальным.

Что я имею в виду, именно так я обычно делаю выборку данных.Я создаю создателя действий следующим образом:

dispatch(apiCall({ url, type, typePrefix })

typePrefix - префикс для действий запроса, успеха и неудачи, напр.${typePrefix}/REQUEST.После этого я могу реагировать на эти действия в своем редукторе.

Теперь, иногда я думаю о том, чтобы просто сделать fetch в моем компоненте провайдера / контейнера, сохранить его в локальном состоянии и передать его в презентационный компонент.Когда я использую Redux, thunks (или sagas) - единственный способ выполнить выборку данных, или это нормально, чтобы иногда сохранять выборочные данные локально?Я не нашел никаких вопросов по этому поводу.

Answer 1

Цитата одного из создателей Redux:

Я хотел бы изменить это: не используйте Redux, пока у вас не возникнут проблемы с ванильным React.

Redux в основном требуется, если вам трудно:

• Передавать одно и то же состояние через вложенные дочерние элементы.
• Сохранять несколько копий одной и той же информации в нескольких компонентах.

Но если вы чувствуете, что избыточность - это просто усложняющая вещь, вам следует придерживаться ванильного React и JS.

Подробнее об этом можно прочитать здесь .