Experimenting with redux + async ideas...

resync.js

import fetch from 'isomorphic-fetch' 
import { getCookies } from './utils' 
import uuid from 'node-uuid' 
import { store } from '.' 
 
class Request { 
    constructor() { 
        this.promiseUUID = null 
    } 
 
    _handlePromise(promise) { 
        let promiseUUID = uuid.v4() 
        this.promiseUUID = promiseUUID 
 
        return promise.then(response => { 
            if (promiseUUID === this.promiseUUID) { 
                return response 
            } 
            else { 
                return Promise.reject() 
            } 
        }) 
    } 
 
    get(url) { 
        return this._handlePromise(fetch(url, {credentials: 'same-origin'})) 
    } 
 
    post(url, data, options) { 
        let { method } = options 
 
        if (!method) { 
            method = 'POST' 
        } 
 
        if (data) { 
            data = JSON.stringify(data) 
        } 
 
        return this._handlePromise(fetch(url, { 
            method, 
            credentials: 'same-origin', 
            headers: { 
                'Content-Type': 'application/json', 
                'X-CSRFToken': getCookies().csrftoken 
            }, 
            body: data 
        })) 
    } 
} 
 
export default (select, fetchData) => { 
    let currentState 
    let io = new Request() 
 
    return store.subscribe(() => { 
        let nextState = select(store.getState()) 
 
        if (JSON.stringify(nextState) !== JSON.stringify(currentState)) { 
            currentState = nextState 
            fetchData(currentState, io, store.dispatch) 
        } 
    }) 
}