Better performance by not updating none visible elements (Visibility is stored in props)

frontend/src/components/MyComponent.js

@@ -119,6 +119,14 @@ class MyComponent extends Component {
   }
   myComponentDidMount() { };
 
+  shouldComponentUpdate(nextProps, nextState) {
+    if (typeof this.nextProps.visible != 'undefined' && !this.nextProps.visible) {
+      // don't rerender components that are not visible.
+      return false;
+    }
+    return true;
+  }
+
   componentDidUpdate(prevProps, prevState, snapshot) {
     // TODO ajouter expire date
     this.loadPropsIfNeeded();