Resize mixin for responsive components

resize_mixin.js

'use strict';

var ResizeMixin, raf;
if (typeof window === 'undefined') {
    ResizeMixin = {};
}
else {
    raf = require('raf');

    ResizeMixin = {
        componentDidMount () {
            window.addEventListener('resize', this._handleResize, false);
        },
        componentWillUnmount () {
            window.removeEventListener('resize', this._handleResize, false);
        },
        _handleResize (event) {
            raf((function () {
                if (this.isMounted()) {
                    this.handleResize(event);
                }
            }).bind(this));
        }
    };
}

module.exports = ResizeMixin;