Reflux: для чего нужны методы action.completed и action.failed?

Question

[Дмитрий Вапельник]

Разбираюсь с Flux-архитектурой на примере RefluxJS.
В мане по библиотеке описаны два метода для асинхронных действий:

someAction.completed
someAction.failed

Если я верно понимаю, то они вызываются (или должны вызываться) в случае успеха и неудачи асинхронной задачи.
На них нужно навешивать методы стореджа для обработки результатов или они нужны для перехвата логирования неудач?
Обработку результата и неудачи можно сделать прямо в сторедже:

var asyncAction = Reflux.createAction({});

var someStore = Reflux.createStore({
  data: [],
  init: function () {
    this.listenTo(asyncAction, this.onAsyncAction);
  },
  onAsyncAction: function () {
    myAsyncWorker()
      .success(this.storeNewData)
      .error(this.asyncErrorHandler)
      .complete(function () {
        this.trigger({
          data: this.data
        });
      });
  },
  storeNewData: function (data) {
    //todo something with data and store it
  },
  asyncErrorHandler: function (error) {
    //todo something with error
  }
});

И это без дополнительных методом действия (completed, failed).
Какая задумка и тонкость создания и использования дополнительных методом действия (completed, failed)?

Answer 1

[Андрей Антропов]

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

Comments

[Дмитрий Вапельник]

Андрей Антропов если я правильно понимаю, то это будет выглядеть примерно так:

var someAsyncAction = Reflux.createAction({
  children: ['completed', 'failed']
});

var someStore = Reflux.createStore({
  data: [],
  init: function () {
    this.listenTo(someAsyncAction, this.onAsyncAction);
    this.listenTo(someAsyncAction.completed, this.onAsyncCompleted);
  },
  onAsyncAction: function (url) {
    $.ajax({
      url: url,
      type: 'get',
      success: function (data) {
        someAsyncAction.completed(data);
      },
      error: function (jqXHR, textStatus, errorThrown) {
        someAsyncAction.failed(errorThrown);
      }
    })
  },
  onAsyncCompleted: function (data) {
    //to do something with data and store is
    this.trigger({
      data: this.data
    });
    console.log('someStore.onAsyncCompleted');
  }
});

var progressStore = Reflux.createStore({
  init: function () {
    this.listenTo(someAsyncAction.completed, this.onAsyncComplete);
    this.listenTo(someAsyncAction.failed, this.onAsyncFailed);
  },
  onAsyncComplete: function (data) {
    console.log('progressStore.onAsyncCompleted');
  },
  onAsyncFailed: function (error) {
    console.log('progressStore.onAsyncFailed');
  }
});

someAsyncAction('/');
someAsyncAction('/sadasd');

[Андрей Антропов]

Дмитрий Вапельник: Да примерно так и получается

[Дмитрий Вапельник]

Андрей Антропов: Спасибо ) Вы мне помогли