ff-stream-web

commit 42ec78b0a506d6b319c149f7448290cb4d974be4
parent 297dc248cc80938cd9f8bcb4b44a6fcb8f1568ab
Author: Benjamin Sitruk <sitruk.benjamin@gmail.com>
Date:   Fri, 30 Oct 2015 16:15:10 +0100

Update react-style-guide.md

cf: http://babeljs.io/blog/2015/06/07/react-on-es6-plus/
Diffstat:
M
docs/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) {