Clean code

Author: Aljullu

src/components/LazyLoadImage.jsx

@@ -51,6 +51,14 @@ class LazyLoadImage extends React.Component {
     return false;
   }
 
+  componentDidUpdate(prevProps, prevState) {
+    if (!prevState.visible && this.state.visible) {
+      this.props.afterLoad();
+    }
+
+    this.updateVisibility();
+  }
+
   getPlaceholderBoundingBox(scrollPosition = this.props.scrollPosition) {
     const boundingRect = this.placeholder.getBoundingClientRect();
     const style = ReactDOM.findDOMNode(this.placeholder).style;
@@ -67,30 +75,6 @@ class LazyLoadImage extends React.Component {
     };
   }
 
-  componentDidUpdate(prevProps, prevState) {
-    if (!prevState.visible && this.state.visible) {
-      this.props.afterLoad();
-    }
-
-    this.updateVisibility();
-  }
-
-  updateVisibility() {
-    if (this.state.visible) {
-      return;
-    }
-
-    if (!this.isImageInViewport()) {
-      return;
-    }
-
-    this.props.beforeLoad();
-
-    this.setState({
-      visible: true
-    });
-  }
-
   isImageInViewport() {
     if (!this.placeholder) {
       return false;
@@ -111,6 +95,18 @@ class LazyLoadImage extends React.Component {
       viewport.right + threshold >= boundingBox.left);
   }
 
+  updateVisibility() {
+    if (this.state.visible || !this.isImageInViewport()) {
+      return;
+    }
+
+    this.props.beforeLoad();
+
+    this.setState({
+      visible: true
+    });
+  }
+
   getPlaceholder() {
     const { className, height, placeholder, style, width } = this.props;