KyleAMathews / react-component-width-mixin

React mixin which sets width as state variable and updates as component changes shape

react-component-width-mixin

React mixin which detects when component resizes and sets the new width as a state variable

Install

npm install react-component-width-mixin

Usage

var componentWidthMixin = require('react-component-width-mixin');

React.createClass({
  mixins: [componentWidthMixin],
  
  render: function() {
    // Now the component width is available after the initial render
    // as this.state.componentWidth.
  }
});

If you'd like to set an initial width for your component (e.g. server-side rendering), pass in a prop called initialComponentWidth.