Attempt 2: Try using shouldcomponentupdate-children in the

template function creator.

See this medium article:

https://medium.com/myheritage-engineering/how-to-greatly-improve-your-react-app-performance-e70f7cbbb5f6

Unfortunately, this implementation only causes the react-table to not
update at all.

From the author of the library:
> Instead of checking the comparison this.props.children !==
> nextProps.children, we will depend on a different prop to
> indicate a state change, preferably a string/numeric one,
> in order to make the comparison a very fast one.

This seems very difficult to implement in react-table.

package.json

@@ -7,7 +7,8 @@
     "react": "^16.2.0",
     "react-dom": "^16.2.0",
     "react-scripts": "1.1.0",
-    "react-table": "^6.7.6"
+    "react-table": "^6.7.6",
+    "shouldcomponentupdate-children": "^1.1.0"
   },
   "scripts": {
     "start": "react-scripts start",

src/external/react-table-modified/src/utils.js

@@ -1,5 +1,7 @@
 import React from "react";
 import classnames from "classnames";
+import { shallowEqual } from "shouldcomponentupdate-children";
+
 //
 export default {
   get,
@@ -126,11 +128,22 @@ function makeTemplateComponent(compClass, displayName) {
   if (!displayName) {
     throw new Error("No displayName found for template component:", compClass);
   }
-  const cmp = ({ children, className, ...rest }) => (
-    <div className={classnames(compClass, className)} {...rest}>
-      {children}
-    </div>
-  );
+
+  let cmp = class extends React.Component {
+    shouldComponentUpdate(nextProps, nextState) {
+      return shallowEqual(this.props, nextProps, this.state, nextState);
+    }
+
+    render() {
+      const { children, className, ...rest } = this.props;
+      return (
+        <div className={classnames(compClass, className)} {...rest}>
+          {children}
+        </div>
+      );
+    }
+  };
+
   cmp.displayName = displayName;
   return cmp;
 }

yarn.lock

@@ -5698,6 +5698,10 @@ shellwords@^0.1.1:
   version "0.1.1"
   resolved "https://registry.yarnpkg.com/shellwords/-/shellwords-0.1.1.tgz#d6b9181c1a48d397324c84871efbcfc73fc0654b"
 
+shouldcomponentupdate-children@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/shouldcomponentupdate-children/-/shouldcomponentupdate-children-1.1.0.tgz#cbabccc9af8bc8f6d345f0506769ff2b5fe95147"
+
 signal-exit@^3.0.0, signal-exit@^3.0.2:
   version "3.0.2"
   resolved "https://registry.yarnpkg.com/signal-exit/-/signal-exit-3.0.2.tgz#b5fdc08f1287ea1178628e415e25132b73646c6d"