ff-stream-web

git clone git://archive.git.mtrnord.blog/MTRNord/ff-stream-web.git
Log | Files | Refs | README | LICENSE

commit a1cd1b18f329333821ca735c8bb6fc13d139aa3a
parent 8be3235d47316a051ae64e94a52f2a9112c4dadb
Author: Konstantin Tarkus <hello@tarkus.me>
Date:   Wed, 18 Nov 2015 20:15:15 +0300

Merge branch 'patch-3' of https://github.com/bsitruk/react-starter-kit into bsitruk-patch-3

Diffstat:
Mdocs/react-style-guide.md | 15+++++++--------
1 file changed, 7 insertions(+), 8 deletions(-)

diff --git a/docs/react-style-guide.md b/docs/react-style-guide.md @@ -147,16 +147,15 @@ import { canUseDOM } from 'fbjs/lib/ExecutionEnvironment'; function withViewport(ComposedComponent) { return class WithViewport extends Component { + + state = { + viewport: canUseDOM ? + {width: window.innerWidth, height: window.innerHeight} : + {width: 1366, height: 768} // Default size for server-side rendering + }; constructor() { super(); - - this.state = { - viewport: canUseDOM ? - {width: window.innerWidth, height: window.innerHeight} : - {width: 1366, height: 768} // Default size for server-side rendering - }; - this.handleResize = this.handleResize.bind(this); } componentDidMount() { @@ -173,7 +172,7 @@ function withViewport(ComposedComponent) { return <ComposedComponent {...this.props} viewport={this.state.viewport}/>; } - handleResize() { + handleResize = () => { let viewport = {width: window.innerWidth, height: window.innerHeight}; if (this.state.viewport.width !== viewport.width || this.state.viewport.height !== viewport.height) {