refactor: upgrade react 16.0.0 react-dom 16.0.0🦊

Author: Sven

package.json

@@ -25,8 +25,8 @@
     "object-assign": "^4.1.1",
     "promise": "^8.0.1",
     "prop-types": "^15.5.10",
-    "react": "^15.6.1",
-    "react-dom": "^15.5.4",
+    "react": "^16.0.0",
+    "react-dom": "^16.0.0",
     "react-loadable": "^4.0.5",
     "react-redux": "^5.0.6",
     "react-router-dom": "^4.2.2",

src/components/Loading.jsx

@@ -7,7 +7,7 @@ function Loading(props) {
     // While our other component is loading...
     if (props.timedOut) {
       // In case we've timed out loading our other component.
-      return <div>Loader timed out!</div>
+      return 'Loader timed out!'
     } else if (props.pastDelay) {
       // Display a loading screen after a set delay.
       return <Spinner name="cube-grid" color="purple" style={{ margin: 'auto' }} />
@@ -17,7 +17,7 @@ function Loading(props) {
     }
   } else if (props.error) {
     // If we aren't loading, maybe
-    return <div>Error! Component failed to load</div>
+    return 'Error! Component failed to load'
   } else {
     // This case shouldn't happen... but we'll return null anyways.
     return null

src/routes/Zen/components/Zen.jsx

@@ -3,15 +3,6 @@ import PropTypes from 'prop-types'
 import Spinner from 'react-spinkit'
 import { Button } from 'reactstrap'
 
-const propTypes = {
-  fetchZen: PropTypes.func.isRequired,
-  clearZen: PropTypes.func.isRequired,
-  zen: PropTypes.shape({
-    fetching: PropTypes.bool.isRequired,
-    text: PropTypes.array,
-  }).isRequired,
-}
-
 function Zen({ fetchZen, clearZen, zen: { fetching, text } }) {
   return (
     <div>
@@ -32,6 +23,13 @@ function Zen({ fetchZen, clearZen, zen: { fetching, text } }) {
     </div>)
 }
 
-Zen.propTypes = propTypes
+Zen.propTypes = {
+  fetchZen: PropTypes.func.isRequired,
+  clearZen: PropTypes.func.isRequired,
+  zen: PropTypes.shape({
+    fetching: PropTypes.bool.isRequired,
+    text: PropTypes.array,
+  }).isRequired,
+}
 
 export default Zen

yarn.lock

@@ -1392,14 +1392,6 @@ create-hmac@^1.1.0, create-hmac@^1.1.2, create-hmac@^1.1.4:
     safe-buffer "^5.0.1"
     sha.js "^2.4.8"
 
-create-react-class@^15.6.0:
-  version "15.6.0"
-  resolved "https://registry.yarnpkg.com/create-react-class/-/create-react-class-15.6.0.tgz#ab448497c26566e1e29413e883207d57cfe7bed4"
-  dependencies:
-    fbjs "^0.8.9"
-    loose-envify "^1.3.1"
-    object-assign "^4.1.1"
-
 cross-env@^5.0.5:
   version "5.0.5"
   resolved "https://registry.yarnpkg.com/cross-env/-/cross-env-5.0.5.tgz#4383d364d9660873dd185b398af3bfef5efffef3"
@@ -2142,6 +2134,18 @@ fastparse@^1.1.1:
   version "1.1.1"
   resolved "https://registry.yarnpkg.com/fastparse/-/fastparse-1.1.1.tgz#d1e2643b38a94d7583b479060e6c4affc94071f8"
 
+fbjs@^0.8.16:
+  version "0.8.16"
+  resolved "https://registry.yarnpkg.com/fbjs/-/fbjs-0.8.16.tgz#5e67432f550dc41b572bf55847b8aca64e5337db"
+  dependencies:
+    core-js "^1.0.0"
+    isomorphic-fetch "^2.1.1"
+    loose-envify "^1.0.0"
+    object-assign "^4.1.0"
+    promise "^7.1.1"
+    setimmediate "^1.0.5"
+    ua-parser-js "^0.7.9"
+
 fbjs@^0.8.9:
   version "0.8.14"
   resolved "https://registry.yarnpkg.com/fbjs/-/fbjs-0.8.14.tgz#d1dbe2be254c35a91e09f31f9cd50a40b2a0ed1c"
@@ -4058,6 +4062,14 @@ prop-types@^15.5.10, prop-types@^15.5.4, prop-types@^15.5.6, prop-types@^15.5.8:
     fbjs "^0.8.9"
     loose-envify "^1.3.1"
 
+prop-types@^15.6.0:
+  version "15.6.0"
+  resolved "https://registry.yarnpkg.com/prop-types/-/prop-types-15.6.0.tgz#ceaf083022fc46b4a35f69e13ef75aed0d639856"
+  dependencies:
+    fbjs "^0.8.16"
+    loose-envify "^1.3.1"
+    object-assign "^4.1.1"
+
 proxy-addr@~1.1.5:
   version "1.1.5"
   resolved "https://registry.yarnpkg.com/proxy-addr/-/proxy-addr-1.1.5.tgz#71c0ee3b102de3f202f3b64f608d173fcba1a918"
@@ -4144,14 +4156,14 @@ rc@^1.1.7:
     minimist "^1.2.0"
     strip-json-comments "~2.0.1"
 
-react-dom@^15.5.4:
-  version "15.6.1"
-  resolved "https://registry.yarnpkg.com/react-dom/-/react-dom-15.6.1.tgz#2cb0ed4191038e53c209eb3a79a23e2a4cf99470"
+react-dom@^16.0.0:
+  version "16.0.0"
+  resolved "https://registry.yarnpkg.com/react-dom/-/react-dom-16.0.0.tgz#9cc3079c3dcd70d4c6e01b84aab2a7e34c303f58"
   dependencies:
-    fbjs "^0.8.9"
+    fbjs "^0.8.16"
     loose-envify "^1.1.0"
-    object-assign "^4.1.0"
-    prop-types "^15.5.10"
+    object-assign "^4.1.1"
+    prop-types "^15.6.0"
 
 react-loadable@^4.0.5:
   version "4.0.5"
@@ -4214,15 +4226,14 @@ react-transition-group@^1.1.2:
     prop-types "^15.5.6"
     warning "^3.0.0"
 
-react@^15.6.1:
-  version "15.6.1"
-  resolved "https://registry.yarnpkg.com/react/-/react-15.6.1.tgz#baa8434ec6780bde997cdc380b79cd33b96393df"
+react@^16.0.0:
+  version "16.0.0"
+  resolved "https://registry.yarnpkg.com/react/-/react-16.0.0.tgz#ce7df8f1941b036f02b2cca9dbd0cb1f0e855e2d"
   dependencies:
-    create-react-class "^15.6.0"
-    fbjs "^0.8.9"
+    fbjs "^0.8.16"
     loose-envify "^1.1.0"
-    object-assign "^4.1.0"
-    prop-types "^15.5.10"
+    object-assign "^4.1.1"
+    prop-types "^15.6.0"
 
 reactstrap-tether@1.3.4:
   version "1.3.4"