При использовании redux, почему я должен избегать вызовов API непосредственно в компоненте?

Question

Так что, возможно, я задаю неправильный вопрос, поэтому, пожалуйста, оставьте комментарии, и я подправлю. Мне сказали another developer, что при использовании redux я должен делать ВСЕ вызовы API в пределах actions и создавать для них reducers. Но я чувствую, что иногда выполнение вызова непосредственно в компоненте спасет меня TON кода. Есть ли лучшие практики для такого рода вещей?

Answer 1

Если данные, которые вы получаете от API, будут потребляться только одним компонентом, тогда вы можете написать его как часть своего компонента (или, еще лучше, компонент контейнера). Я считаю, что обоснование того, что вы делаете ваши призывы API в действиях, заключается в том, чтобы поддерживать единственный источник правды (основная причина для использования «реакции/сокращения» для меня лично). Если вы вводите данные из вашего API, которые должны потребляться несколькими компонентами, тогда используйте сокращение, чтобы гарантировать, что одно и то же состояние поддерживается сокращением и передается всем компонентам, которые его используют.

Answer 2

Об этом ранее ответил создатель Редукса, Дэн Абрамов, здесь: Why do we need middleware for async flow in Redux?.

Резюме:

Это просто неудобно в больших приложений, потому что вы будете иметь различные компоненты, выполняя одни и те же действия, вы можете дребезг некоторых действий, или сохранить некоторое местное состояние как идентификаторы автоинкрементных рядом с создателями действий и т. д. Таким образом, с точки зрения обслуживания просто проще извлечь создателей действий в отдельные функции.