Undo Redo Mixin for React

UndoRedo.js

var UndoRedoMixin = {
    componentWillMount: function() {
        this.undoAction = false;
        this.redoAction = false;
        this.pastStates = [];
        this.futureStates = [];
    },
    componentDidUpdate: function(prevProps, prevState) {
        if (this.undoAction) {
            this.futureStates.push(prevState);
            this.undoAction = false;
            return;
        }

        this.pastStates.push(prevState);

        if (!this.redoAction) {
            this.futureStates = [];
        }

        this.redoAction = false;
    },
    undo: function() {
        var undoState = this.pastStates.pop();

        if (!this.pastStates.length) {
            this.pastStates.push(undoState);
        }

        if (this.state !== undoState) {
            this.undoAction = true;
            this.setState(undoState);
        }
    },
    redo: function() {
        var redoState = this.futureStates.pop();

        if (redoState) {
            this.redoAction = true;
            this.setState(redoState);
        }
    }
};

module.exports = UndoRedoMixin;