resize.js

import React, { Component, PropTypes, cloneElement } from 'react';

const listeners = {};

let id = 0;

window.addEventListener(
  'resize', 
  (event) => {
     for (let id in listeners) {
       if (listeners.hasOwnProperty(id)) {
         let listener = listeners[id];
         listener(event);
       }
     }
  }
);

class Resize extends Component {
  static propsTypes = {
    children: PropTypes.node.isRequired,
  }

  componentWillMount() {
    this.id = id++;
    listeners[this.id] = (e) => {
      this.currentEvent = e;
      this.forceUpdate();
    }
  }

  componentWillUnmount() {
    listeners[this.id] = null;
  }

  render() {
    const currentEvent = this.currentEvent;
    this.currentEvent = null;
    return cloneElement(this.props.children, {
      resizeEvent: currentEvent,
    });
  }
}