How to use fluxible-plugin-fetchr - 7 common examples

import ProjectsStore from './stores/ProjectsStore';
import PostsStore from './stores/PostsStore';

// create new fluxible instance
let app = new Fluxible({
    component: Application,
    stores: [
		ApplicationStore,
		UserStore,
		ProjectsStore,
		RouteStore,
		PostsStore
	]
});

app.plug(fetchrPlugin({
	xhrPath: '/api',
	xhrTimeout: 15000
}));

export default app;

ApplicationStore,
        DatasetsStore,
        DatasetStore,
        UserStore,
        ResourceStore,
        IndividualObjectStore,
        DBpediaStore,
        DBpediaGMapStore,
        FacetedBrowserStore,
        DatasetAnnotationStore,
        QueryImportStore,
        ImportStore
    ]
});

app.plug(fetchrPlugin({
    xhrPath: '/api' // Path for XHR to be served from
}));
app.plug(authPlugin({}));

export default app;

ServiceErrorStore,
        PermissionsStore,
        ContentLikeStore,
        DeckFamilyStore,
        UserReviewStore,
        MediaStore,
        EditRightsStore,
        DeckCollectionStore,
        SSOStore,
        UserRecommendationsStore,
        LoginModalStore,
    ]
});

// register plugins
app.plug(fetchrPlugin({
    xhrPath: '/api' // Path for XHR to be served from
}));
app.plug(userStoragePlugin({}));

module.exports = app;

import { RouteStore } from "fluxible-router";

import routes from "./routes";

import Root from "./containers/Root";

import FeaturedStore from "./stores/FeaturedStore";
import HtmlHeadStore from "./stores/HtmlHeadStore";
import IntlStore from "./stores/IntlStore";
import PhotoStore from "./stores/PhotoStore";

// Create the fluxible app using Root as root component
const app = new Fluxible({ component: Root });

// Make fetchr services respond to /api endpoint
app.plug(fetchrPlugin({ xhrPath: "/api" }));

// Register a fluxible RouteStore
const AppRouteStore = RouteStore.withStaticRoutes(routes);
app.registerStore(AppRouteStore);

// Register app-specific stores
app.registerStore(FeaturedStore);
app.registerStore(HtmlHeadStore);
app.registerStore(IntlStore);
app.registerStore(PhotoStore);

export default app;

import Application from './components/Application';
import BackgroundStore from './stores/BackgroundStore';
import ContentStore from './stores/ContentStore';
import ContactStore from './stores/ContactStore';
import RouteStore from './stores/RouteStore';
import ModalStore from './stores/ModalStore';

const debug = debugLib('app');

debug('Creating FluxibleApp');
const app = new FluxibleApp({
  component: Application
});

debug('Adding Plugins');
app.plug(fetchrPlugin({ xhrPath: '/_api' }));

debug('Registering Stores');
app.registerStore(BackgroundStore);
app.registerStore(ContentStore);
app.registerStore(ContactStore);
app.registerStore(RouteStore);
app.registerStore(ModalStore);

export default app;

if (payload.err.statusCode === 404) {
                debug('component 404 error', payload.err);
            }
            else {
                debug('component exception', payload.err);
            }

            return;
        }

        done();
    }
});

app.plug(queryPlugin());
app.plug(fetchrPlugin({ xhrPath: '/_api' }));
app.plug(devToolsPlugin());

app.registerStore(DocStore);
app.registerStore(MyRouteStore);
app.registerStore(SearchStore);

export default app;