Реагировать JS, редукса потреблять API

Question

Ну, я изучаю редукс, но я немного сомневался, как лучше использовать API

, которые у меня есть в приложении:

import React,{Component} from 'react';
import logo from './logo.svg';
import './App.css';
import Home from './components/HomePage';
import { Provider } from 'react-redux';
import store from './store';
class App extends Component {

  render(){
    return (
      <div className="App">
      <Provider store={store}>
      <Home/>
      </Provider>
      </div>
    )
  }
}

export default App;

my

import React, { Component } from 'react'
import {connect} from 'react-redux'
export default class index extends Component {
  render() {
    return (
      <div>

      </div>
    )
  }
}

мой магазин:

import { createStore } from 'redux';

function reducer(){
    return [

    ];
}

const store = createStore(reducer);

export default store;

Мне интересно, куда бы я поместил свое общение с моим API

Было бы это действие?

Answer 1

Используйте для этого Redux-Saga.

https://github.com/redux-saga/redux-saga

Из документа:

redux-saga - библиотека, целью которой является создание побочных эффектов приложения. (то есть асинхронные вещи , такие как выборка данных и нечистые вещи, такие как доступ к кешу браузера), которыми легче управлять, они более эффективны, просты в тестировании и лучше справляются с ошибками.