Вообще странно как они у вас могут пересекаться. Ну да ладно берете документацию, там довольно хорошо все написано, смысл такой, есть у вас 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;
}
});
}
}
Да вот собственно и все, не чего у вас тут пересекаться не будет. Ну и норм туториал
тут.