Update site and examples to use React 16

Author: ryanashcraft

examples/async/package.json

@@ -16,8 +16,8 @@
     "lodash": "^4.0.1",
     "normalizr": "^2.0.0",
     "prop-types": "^15.5.6",
-    "react": "^0.14.0",
-    "react-dom": "^0.14.0",
+    "react": "^16.0.0",
+    "react-dom": "^16.0.0",
     "react-redux": "^4.0.0",
     "redux": "^3.0.0",
     "redux-logger": "^2.0.2",

site/package.json

@@ -6,19 +6,20 @@
   "dependencies": {
     "babel-standalone": "^6.24.0",
     "classnames": "^2.2.5",
+    "codemirror": "^5.30.0",
     "github-markdown-css": "^2.5.0",
     "marked": "^0.3.6",
     "prettier": "0.21.0",
-    "react": "^15.4.2",
-    "react-codemirror": "^0.3.0",
-    "react-dom": "^15.4.2",
-    "react-inspector": "^1.1.2",
+    "react": "^16.0.0",
+    "react-codemirror2": "^2.0.2",
+    "react-dom": "^16.0.0",
+    "react-inspector": "^2.2.0",
     "react-redux": "^5.0.3",
     "react-router-dom": "^4.0.0",
     "redux": "^3.6.0",
-    "redux-query": "..",
+    "redux-query": "file:..",
     "rimraf": "^2.4.3",
-    "styled-components": "^1.4.4"
+    "styled-components": "^2.2.1"
   },
   "devDependencies": {
     "eslint": "^3.3.1",

site/src/components/Playground.js

@@ -1,5 +1,5 @@
 import React, { Component } from 'react';
-import CodeMirror from 'react-codemirror';
+import CodeMirror from 'react-codemirror2';
 import styled from 'styled-components';
 
 import 'codemirror/lib/codemirror.css';
@@ -205,11 +205,8 @@ class Playground extends Component {
     return (
       <Code>
         <CodeMirror
-          ref={ref => {
-            if (ref) {
-              const cm = ref.getCodeMirror();
-              cm.setSize('100%', '100%');
-            }
+          editorDidMount={editor => {
+            editor.setSize('100%', '100%');
           }}
           options={{
             lineNumbers: true,
@@ -223,9 +220,9 @@ class Playground extends Component {
               },
             },
           }}
-          onChange={newValue => {
+          onChange={(editor, metadata, value) => {
             this.setState({
-              [stateKey]: newValue,
+              [stateKey]: value,
               isDirty: true,
             });
           }}