1.0.1 • Published 9 years ago
react-page-width v1.0.1
react-page-width
High performance React mixin so a component can always know the current page width.
Creates only one window resize event listener so 100s of components can easily listen in to page width changes.
Install
npm install react-page-width
Usage
var PageWidthMixin = require('react-page-width')
module.exports = React.createClass({
mixins: [PageWidthMixin],
render: function() {
// this.state.pageWidth is available!
if (this.state.pageWidth > 700) {
<div>Big page</div>
}
else {
<div>Small page</div>
}
}
})
Server side rendering
You can also pass in an initialPageWidth
value so a value is available
for server side rendering.