Как побороть синхронные запросы в диспетчере Flux?

Question

[Пётр]

В архитектуре flux используются диспетчер, который умеет работать только синхронно. Поэтому в крупных приложение случается такое, что экшены встречаются в диспетчере и вызывают ошибку.
Конечно можно сделать несколько диспетчеров, но что-то мне подсказывает, что это не лучший вариант, хотя может я нормально не разобрался.
Поэтому вопрос:
Как правильно сделать архитектуру Flux, что бы акшены не встречались в диспетчере, для крупного одностраничного приложения?

Answer 1

[Михаил Горячкин]

Вообще странно как они у вас могут пересекаться. Ну да ладно берете документацию, там довольно хорошо все написано, смысл такой, есть у вас Dispatcher.
Создаете класс App.Dispatcher.js (все будет на ES6):

import {Dispatcher} from 'flux';
export default new Dispatcher();

Есть у вас action-ны AppActions, в нем что-то вроде этого:

import AppDispatcher from './AppDispatcher.js';
export default {
    firstAction(){
        AppDispatcher.dispatch({
            actionType: 'FIRST__ACTION'
        });
    },
    secondAction(){
        AppDispatcher.dispatch({
            actionType: 'SECOND__ACTION'
        });
    }
}

Ну и хранилище конечно AppStore:

import AppDispatcher from './AppDispatcher.js';
export default class AppStore {
    constructor() {
         AppDispatcher.register(function (action) {
             switch (action.actionType) {
                 case 'FIRST__ACTION':
                     //Первое действие
                     break;
                 case 'SECOND__ACTION':
                     //Второе действие
                     break;
             }
         });
    }
}

Да вот собственно и все, не чего у вас тут пересекаться не будет. Ну и норм туториал тут.

Comments

[Пётр]

для простой реализации, все будет окей
Но у меня всё сложнее. Когда переключаешься по меню в одностраничном приложении, то одновременно приходит несколько экшенов:
1. отрываются новые модули
2. часть фильтров сбрасывается, часть фильтров заполняются в зависимости от настроит пользователя
3. идут несколько запросов к серверу, как следствие каждый ответ от сервера обрабатывается независимо и заполняет визуальные блоки
4. измеряет ширину окна браузера и в зависимо от этого выставляются размеры некоторым блоком.

[Михаил Горячкин]

Вообще, ошибка у вас должна возникать, если у вас есть циклические зависимости. Если например хранилище One должно ждать изменения в Two, а Two должно ждать изменение в One. Собственно для этого и введен Dispatcher во Flux, он просто кидает ошибку если видит зацикленные зависимости. Вариант в принципе наверное только один создать промежуточное хранилище, которое будет разруливать изменения. А создавать много Dispatcher-это это не есть гуд, так как противоречит самой концепции flux.

[Пётр]

Михаил Горячкин: да, такие случае бывали