Redux: Is there a standard implementation or library to track the status of an async request?

Question

To reduce asynchronous actions in documents, the state of an async request is saved as a property isFetchingin the state container for various objects

{
  selectedSubreddit: 'frontend',
  postsBySubreddit: {
    frontend: {
      isFetching: true,
      didInvalidate: false,
      items: []
    },
    reactjs: {
      isFetching: false,
      ...

This works great, but I'm looking to create my application, and I'm looking for design patterns that will scale on multiple objects that need to be stored in the status container and synchronized with my api. So I'm looking for standards or libraries that have adopted the reduct community.

I found Flux Standard Action , which looks quite reasonable, but it’s more a standardization of handling payloads and errors, rather than an asynchronous request status.

- , ? , - { success, isFetching, error }.

Answer 1

, , .

: . , - .

export const reqAllGames = games => {

  const promise = new Promise((resolve, reject) => {
    request
      .get(`${config.ROOT_URL}/${config.API_KEY}`)
      .end((err, res) => {
        if (err) {
          reject(err);
        } else {
          resolve(res.body.top);
        }
      });
  });

  return {
    type:    types.RECEIVE_ALL_GAMES,
    payload: promise
  };

};

, :

const gameReducer = (games = { isFetched: false }, action) => {

  switch (action.type) {
    case `${types.RECEIVE_ALL_GAMES}_PENDING`:
      return {};
    case `${types.RECEIVE_ALL_GAMES}_FULFILLED`:
      return {
        games:     action.payload,
        err:       null,
        isFetched: true
      };
    case `${types.RECEIVE_ALL_GAMES}_REJECTED`:
      return {
        games:     null,
        err:       action.payload,
        isFetched: true
      };
    default:
      return games;
  }

};

, ;)

Answer 2

, Redux, . Redux . middlewares , , async, ..