How to re-render the view when the browser is resized in react.js?

Answer

We can listen to the resize event in componentDidMount() and then update the dimensions (width and height).
We should remove the listener in componentWillUnmount() method.

class WindowDimensions extends React.Component {
constructor(props){
super(props);
this.updateDimensions = this.updateDimensions.bind(this);
}

componentWillMount() {
this.updateDimensions()
}

componentDidMount() {
window.addEventListener('resize', this.updateDimensions)
}

componentWillUnmount() {
window.removeEventListener('resize', this.updateDimensions)
}