fluxible-plugin-api

Inspired by: https://github.com/Hairfie/fluxible-plugin-hairfie-api

Fluxible API Plugin

Install

npm install --save fluxible-plugin-api

import apiPlugin from 'fluxible-plugin-api';

app.plug(apiPlugin({
    apiUrl: {api-url}
}));

Action Context

function loadUser(context, { userId }) {
    return context.api
        .get(`/users/${userId}`)
        .then(user => context.dispatch('RECEIVE_USER', user));
}

Store Context

import BaseStore from 'fluxible/addons/BaseStore';

class UserStore extends BaseStore {

    static handlers = {
        RECEIVE_USER: 'onReceiveUser'
    }

    constructor(dispatcher) {
        super(dispatcher);

        this.users = {};
    }

    onReceiveUser(user) {
        this.users[user.id] = user;
    }

    getById(id) {
        const user = this.users[id];

        if (!user) {
            this.getContext().api.get(`/users/${userId}`).then(user => {
                this.getContext().dispatch('RECEIVE_USER', user);
            });
        }

        return user;
    }

}