Handle loading components in the background (#11)

* Added unmount check to prevent invalid force update

* Made sure to handle the case of unmounting and remounting before loading completes

Author: mikecluck

dist/react-code-splitting.js

@@ -37,8 +37,13 @@ var Async = function (_React$Component) {
 
     return _ret = (_temp = (_this = _possibleConstructorReturn(this, (_ref = Async.__proto__ || Object.getPrototypeOf(Async)).call.apply(_ref, [this].concat(args))), _this), _this.componentWillMount = function () {
       _this.props.load.then(function (c) {
-        _this.C = c;_this.forceUpdate();
+        _this.C = c;
+        if (!_this.cancelUpdate) {
+          _this.forceUpdate();
+        }
       });
+    }, _this.componentWillUnmount = function () {
+      _this.cancelUpdate = true;
     }, _this.render = function () {
       var componentProps = _this.props.componentProps;
 

src/index.js

@@ -3,7 +3,17 @@ import PropTypes from 'prop-types'
 
 export default class Async extends React.Component {
   componentWillMount = () => {
-    this.props.load.then((c) => { this.C = c; this.forceUpdate() })
+    this.cancelUpdate = false
+    this.props.load.then((c) => { 
+      this.C = c
+      if (!this.cancelUpdate) {
+        this.forceUpdate()
+      }
+    })
+  }
+
+  componentWillUnmount = () => {
+    this.cancelUpdate = true
   }
 
   render = () => {