Just and idea on window size measurement

window-size.tsx

import * as onresize from 'onresize';

export type WindowDetails = {
  width: number,
  height: number
}
/** 
 * Doesn't render anything itself. Instead calls a function with the details.
 * Warning: will not work for server side rendering
 */
export class WindowResponsive extends React.Component<{ render: (details: WindowDetails) => JSX.Element }, WindowDetails>{
  dispose = () => null;
  loadWindowDetails = () => {
    this.setState({
      width: window.innerWidth,
      height: window.innerHeight
    });
  }
  componentWillMount() {
    this.loadWindowDetails();
    this.dispose = onresize.on(() => {
      this.loadWindowDetails();
    }).dispose;
  }
  componentWillUnmount() {
    this.dispose();
  }
  render() {
    return this.props.render(this.state);
  }
}