Update React to 16.5 and rebuild example app (facebook#1160)

* Updated react and react-dom * Added some basic traced interaction to example test harness * Rebuilt example app (for plain shell) with updated react

Author: bvaughn

package.json

@@ -31,9 +31,9 @@
  "object-assign": "4.0.1",
  "prop-types": "^15.6.1",
  "raw-loader": "^0.5.1",
- "react": "^16.4.1",
+ "react": "^16.5.2",
  "react-color": "^2.11.7",
- "react-dom": "^16.4.1",
+ "react-dom": "^16.5.2",
  "react-portal": "^3.1.0",
  "react-virtualized-auto-sizer": "^1.0.2",
  "react-window": "^1.1.1",

test/example/build/sink.js

@@ -11,11 +11,14 @@
  */
 'use strict';
 
-var React = require('react');
-var ReactDOM = require('react-dom');
-var Immutable = require('immutable');
-var assign = require('object-assign');
-var guid = require('../../utils/guid');
+const React = require('react');
+const ReactDOM = require('react-dom');
+const ScheduleTracing = require('schedule/tracing');
+const Immutable = require('immutable');
+const assign = require('object-assign');
+const guid = require('../../utils/guid');
+
+const { unstable_trace: trace } = ScheduleTracing;
 
 class Todos extends React.Component {
  constructor(props) {
@@ -46,25 +49,29 @@ class Todos extends React.Component {
  if (!text.trim().length) {
  return;
  }
- this.setState({
- todos: this.state.todos.concat([{
- title: text,
- completed: false,
- id: this._nextid++,
- }]),
- });
+ trace(`Add "${text}"`, performance.now(), () =>
+ this.setState({
+ todos: this.state.todos.concat([{
+ title: text,
+ completed: false,
+ id: this._nextid++,
+ }]),
+ }));
  }
 
  toggleComplete(id, completed) {
  var todos = this.state.todos.slice();
+ let text;
  todos.some(item => {
  if (item.id === id) {
  item.completed = completed;
+ text = item.text;
  return true;
  }
  return false;
  });
- this.setState({todos});
+ trace(`Toggle "${text}" ${completed ? 'complete' : 'incomplete'}`, performance.now(), () =>
+ this.setState({todos}));
  }
 
  sort() {
@@ -75,13 +82,15 @@ class Todos extends React.Component {
  }
  return a.title > b.title ? 1 : -1;
  });
- this.setState({todos});
+ trace('Sorting items', performance.now(), () =>
+ this.setState({todos}));
  }
 
  changeFilter(val) {
- this.setState({
- filter: val,
- });
+ trace(`Filter by "${val}"`, performance.now(), () =>
+ this.setState({
+ filter: val,
+ }));
  }
 
  render() {
@@ -519,6 +528,8 @@ class Target extends React.Component {
  }
 }
 
-var node = document.createElement('div');
-document.body.appendChild(node);
-ReactDOM.render(<Wrap />, node);
+trace('initial render', performance.now(), () => {
+ var node = document.createElement('div');
+ document.body.appendChild(node);
+ ReactDOM.render(<Wrap />, node);
+});

test/example/build/target.js

@@ -5575,14 +5575,21 @@ prop-types@^15.5.4, prop-types@^15.5.8:
  fbjs "^0.8.9"
  loose-envify "^1.3.1"
 
-prop-types@^15.6.0, prop-types@^15.6.1:
+prop-types@^15.6.1:
  version "15.6.1"
  resolved "https://registry.yarnpkg.com/prop-types/-/prop-types-15.6.1.tgz#36644453564255ddda391191fb3a125cbdf654ca"
  dependencies:
  fbjs "^0.8.16"
  loose-envify "^1.3.1"
  object-assign "^4.1.1"
 
+prop-types@^15.6.2:
+ version "15.6.2"
+ resolved "https://registry.yarnpkg.com/prop-types/-/prop-types-15.6.2.tgz#05d5ca77b4453e985d60fc7ff8c859094a497102"
+ dependencies:
+ loose-envify "^1.3.1"
+ object-assign "^4.1.1"
+
 prr@~0.0.0:
  version "0.0.0"
  resolved "https://registry.yarnpkg.com/prr/-/prr-0.0.0.tgz#1a84b85908325501411853d0081ee3fa86e2926a"
@@ -5695,14 +5702,14 @@ react-color@^2.11.7:
  reactcss "^1.2.0"
  tinycolor2 "^1.1.2"
 
-react-dom@^16.4.1:
- version "16.4.1"
- resolved "https://registry.yarnpkg.com/react-dom/-/react-dom-16.4.1.tgz#7f8b0223b3a5fbe205116c56deb85de32685dad6"
+react-dom@^16.5.2:
+ version "16.5.2"
+ resolved "https://registry.yarnpkg.com/react-dom/-/react-dom-16.5.2.tgz#b69ee47aa20bab5327b2b9d7c1fe2a30f2cfa9d7"
  dependencies:
- fbjs "^0.8.16"
  loose-envify "^1.1.0"
  object-assign "^4.1.1"
- prop-types "^15.6.0"
+ prop-types "^15.6.2"
+ schedule "^0.5.0"
 
 react-portal@^3.1.0:
  version "3.1.0"
@@ -5720,14 +5727,14 @@ react-window@^1.1.1:
  dependencies:
  memoize-one "^3.1.1"
 
-react@^16.4.1:
- version "16.4.1"
- resolved "https://registry.yarnpkg.com/react/-/react-16.4.1.tgz#de51ba5764b5dbcd1f9079037b862bd26b82fe32"
+react@^16.5.2:
+ version "16.5.2"
+ resolved "https://registry.yarnpkg.com/react/-/react-16.5.2.tgz#19f6b444ed139baa45609eee6dc3d318b3895d42"
  dependencies:
- fbjs "^0.8.16"
  loose-envify "^1.1.0"
  object-assign "^4.1.1"
- prop-types "^15.6.0"
+ prop-types "^15.6.2"
+ schedule "^0.5.0"
 
 reactcss@^1.2.0:
  version "1.2.2"
@@ -6179,6 +6186,12 @@ sax@^1.2.4:
  version "1.2.4"
  resolved "https://registry.yarnpkg.com/sax/-/sax-1.2.4.tgz#2816234e2378bddc4e5354fab5caa895df7100d9"
 
+schedule@^0.5.0:
+ version "0.5.0"
+ resolved "https://registry.yarnpkg.com/schedule/-/schedule-0.5.0.tgz#c128fffa0b402488b08b55ae74bb9df55cc29cc8"
+ dependencies:
+ object-assign "^4.1.1"
+
 semver-diff@^2.0.0:
  version "2.1.0"
  resolved "https://registry.yarnpkg.com/semver-diff/-/semver-diff-2.1.0.tgz#4bbb8437c8d37e4b0cf1a68fd726ec6d645d6d36"