Как обрабатывать вложенные вызовы api в flux

Я создаю простое приложение CRUD с помощью Диспетчера потока Facebook для обработки создания и редактирования сообщений для сайта изучения английского языка. В настоящее время я имею дело с API, который выглядит так:

/posts/:post_id
/posts/:post_id/sentences
/sentences/:sentence_id/words
/sentences/:sentence_id/grammars

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

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

верхний уровень PostsShowView:

class PostsShow extends React.Component {
  componentWillMount() {
    // this id is populated by react-router when the app hits the /posts/:id route
    PostsActions.get({id: this.props.params.id});

    PostsStore.addChangeListener(this._handlePostsStoreChange);
    SentencesStore.addChangeListener(this._handleSentencesStoreChange);
    GrammarsStore.addChangeListener(this._handleGrammarsStoreChange);
    WordsStore.addChangeListener(this._handleWordsStoreChange);
  }

  componentWillUnmount() {
    PostsStore.removeChangeListener(this._handlePostsStoreChange);
    SentencesStore.removeChangeListener(this._handleSentencesStoreChange);
    GrammarsStore.removeChangeListener(this._handleGrammarsStoreChange);
    WordsStore.removeChangeListener(this._handleWordsStoreChange);
  }

  _handlePostsStoreChange() {
    let posts = PostsStore.getState().posts;
    let post = posts[this.props.params.id];

    this.setState({post: post});

    SentencesActions.fetch({postId: post.id});
  }

  _handleSentencesStoreChange() {
    let sentences = SentencesStore.getState().sentences;

    this.setState(function(state, sentences) {
      state.post.sentences = sentences;
    });

    sentences.forEach((sentence) => {
      GrammarsActions.fetch({sentenceId: sentence.id})
      WordsActions.fetch({sentenceId: sentence.id})
    })
  }

  _handleGrammarsStoreChange() {
    let grammars = GrammarsStore.getState().grammars;

    this.setState(function(state, grammars) {
      state.post.grammars = grammars;
    });
  }

  _handleWordsStoreChange() {
    let words = WordsStore.getState().words;

    this.setState(function(state, words) {
      state.post.words = words;
    });
  }
}

и вот мои PostsActions.js-другие сущности (предложения, грамматики, слова) также имеют аналогичные ActionCreators, которые работают в аналогичном путь:

let api = require('api');

class PostsActions {
  get(params = {}) {
    this._dispatcher.dispatch({
      actionType: AdminAppConstants.FETCHING_POST
    });

    api.posts.fetch(params, (err, res) => {
      let payload, post;

      if (err) {
        payload = {
          actionType: AdminAppConstants.FETCH_POST_FAILURE
        }
      }
      else {
        post = res.body;

        payload = {
          actionType: AdminAppConstants.FETCH_POST_SUCCESS,
          post: post
        }
      }

      this._dispatcher.dispatch(payload)
    });
  }
}

основная проблема заключается в том, что диспетчер потока выдает инвариантную ошибку "не может отправить в середине отправки", когда SentencesActions.fetch называется в _handlePostsStoreChange обратный вызов, потому что этот метод SentencesActions запускает отправку до завершения обратного вызова отправки для предыдущего действия.

Я знаю, что могу исправить это, используя что-то вроде _.defer или setTimeout - однако это действительно похоже на то, что я просто исправляю проблему здесь. Кроме того, я подумал выполнение всей этой логики извлечения в самих действиях, но это тоже казалось неправильным и сделало бы обработку ошибок более сложной. У меня каждая из моих сущностей разделена на свои собственные хранилища и действия - разве не должен быть какой-то способ на уровне компонентов составить то, что мне нужно из соответствующих хранилищ каждой сущности?

Откройте для любых советов от тех, кто совершил что-то подобное!