react-resize-render

react-resize-render

A render prop solution for tracking window resize events in a browser. Uses a single event handler for all instances of the render prop componenent to attempt to maximize perforance by limiting multiple resize events.

Getting Started

  npm install react-resize-render -S 

// using ES6 modules
  import RenderResize from 'react-resize-render';

  <RenderResize
    render={({width, height}) => {
      return (
        <div>
          {width}px - {height}px
        </div>
      );
    }}
  />

Checkout the storybook site for more examples.