Change async fixtures to use schedule
Dan Abramov committed
Sep 4, 2018 at 15:19 UTC
2d5c590cc2e0bffb1b3b9b2ace942faf39a5fb6d
5 files changed
+11
-33
fixtures/unstable-async/suspense/package.json
+3
-2
@@ -13,12 +13,13 @@
13
"react-draggable": "^3.0.5"
14
},
15
"scripts": {
16
+ "prestart": "cp -r ../../../build/node_modules/* ./node_modules/",
17
+ "prebuild": "cp -r ../../../build/node_modules/* ./node_modules/",
18
"start": "react-scripts start",
19
"build": "react-scripts build",
20
"test": "react-scripts test --env=jsdom",
21
"eject": "react-scripts eject",
20
- "deploy": "gh-pages -d build",
21
- "prestart": "cp -r ../../../build/node_modules/* ./node_modules/"
22
+ "deploy": "gh-pages -d build"
23
},
24
"eslintConfig": {
25
"extends": "./node_modules/react-scripts/config/eslint.js"
fixtures/unstable-async/suspense/src/components/App.js
+2
-1
@@ -1,4 +1,5 @@
1
import React, {Placeholder, PureComponent} from 'react';
2
+import {unstable_scheduleWork} from 'schedule';
3
import {
4
unstable_track as track,
5
unstable_wrap as wrap,
@@ -37,7 +38,7 @@ export default class App extends PureComponent {
38
currentId: id,
39
})
40
);
40
- requestIdleCallback(
41
+ unstable_scheduleWork(
42
wrap(() =>
43
track(`View ${id} (low-pri)`, performance.now(), () =>
44
this.setState({
fixtures/unstable-async/time-slicing/package.json
+2
-3
@@ -4,14 +4,13 @@
4
"private": true,
5
"dependencies": {
6
"glamor": "^2.20.40",
7
- "react": "../../../build/node_modules/react",
8
- "react-dom": "../../../build/node_modules/react-dom",
7
"react-markdown": "^3.2.0",
8
"react-scripts": "^1.1.4",
11
- "simple-cache-provider": "../../../build/node_modules/simple-cache-provider",
9
"victory": "^0.25.6"
10
},
11
"scripts": {
12
+ "prestart": "cp -r ../../../build/node_modules/* ./node_modules/",
13
+ "prebuild": "cp -r ../../../build/node_modules/* ./node_modules/",
14
"start": "react-scripts start",
15
"build": "react-scripts build",
16
"test": "react-scripts test --env=jsdom",
fixtures/unstable-async/time-slicing/src/index.js
+3
-2
@@ -1,5 +1,6 @@
1
import React, {PureComponent} from 'react';
2
import {flushSync, render} from 'react-dom';
3
+import {unstable_scheduleWork} from 'schedule';
4
import _ from 'lodash';
5
import Charts from './Charts';
6
import Clock from './Clock';
@@ -66,7 +67,7 @@ class App extends PureComponent {
67
}
68
this._ignoreClick = true;
69
69
- requestIdleCallback(() => {
70
+ unstable_scheduleWork(() => {
71
this.setState({showDemo: true}, () => {
72
this._ignoreClick = false;
73
});
@@ -106,7 +107,7 @@ class App extends PureComponent {
107
this.debouncedHandleChange(value);
108
break;
109
case 'async':
109
- requestIdleCallback(() => {
110
+ unstable_scheduleWork(() => {
111
this.setState({value});
112
});
113
break;
fixtures/unstable-async/time-slicing/yarn.lock
+1
-25
@@ -4136,7 +4136,7 @@ longest@^1.0.1:
4136
version "1.0.1"
4137
resolved "https://registry.yarnpkg.com/longest/-/longest-1.0.1.tgz#30a0b2da38f73770e8294a0d22e6625ed77d0097"
4138
4139
-loose-envify@^1.0.0, loose-envify@^1.1.0, loose-envify@^1.3.1:
4139
+loose-envify@^1.0.0, loose-envify@^1.3.1:
4140
version "1.3.1"
4141
resolved "https://registry.yarnpkg.com/loose-envify/-/loose-envify-1.3.1.tgz#d1a8ad33fa9ce0e713d65fdd0ac8b748d478c848"
4142
dependencies:
@@ -5239,13 +5239,6 @@ prop-types@^15.5.10, prop-types@^15.6.0:
5239
loose-envify "^1.3.1"
5240
object-assign "^4.1.1"
5241
5242
-prop-types@^15.6.2:
5243
- version "15.6.2"
5244
- resolved "https://registry.yarnpkg.com/prop-types/-/prop-types-15.6.2.tgz#05d5ca77b4453e985d60fc7ff8c859094a497102"
5245
- dependencies:
5246
- loose-envify "^1.3.1"
5247
- object-assign "^4.1.1"
5248
-
5242
proxy-addr@~2.0.2:
5243
version "2.0.2"
5244
resolved "https://registry.yarnpkg.com/proxy-addr/-/proxy-addr-2.0.2.tgz#6571504f47bb988ec8180253f85dd7e14952bdec"
@@ -5394,13 +5387,6 @@ react-dev-utils@^5.0.1:
5387
strip-ansi "3.0.1"
5388
text-table "0.2.0"
5389
5397
-react-dom@../../../build/node_modules/react-dom:
5398
- version "16.4.1"
5399
- dependencies:
5400
- loose-envify "^1.1.0"
5401
- object-assign "^4.1.1"
5402
- prop-types "^15.6.2"
5403
-
5390
react-error-overlay@^4.0.0:
5391
version "4.0.0"
5392
resolved "https://registry.yarnpkg.com/react-error-overlay/-/react-error-overlay-4.0.0.tgz#d198408a85b4070937a98667f500c832f86bd5d4"
@@ -5460,13 +5446,6 @@ react-scripts@^1.1.4:
5446
optionalDependencies:
5447
fsevents "^1.1.3"
5448
5463
-react@../../../build/node_modules/react:
5464
- version "16.4.1"
5465
- dependencies:
5466
- loose-envify "^1.1.0"
5467
- object-assign "^4.1.1"
5468
- prop-types "^15.6.2"
5469
-
5449
read-all-stream@^3.0.0:
5450
version "3.1.0"
5451
resolved "http://registry.npmjs.org/read-all-stream/-/read-all-stream-3.1.0.tgz#35c3e177f2078ef789ee4bfafa4373074eaef4fa"
@@ -5985,9 +5964,6 @@ signal-exit@^3.0.0, signal-exit@^3.0.2:
5964
version "3.0.2"
5965
resolved "https://registry.yarnpkg.com/signal-exit/-/signal-exit-3.0.2.tgz#b5fdc08f1287ea1178628e415e25132b73646c6d"
5966
5988
-simple-cache-provider@../../../build/node_modules/simple-cache-provider:
5989
- version "0.7.0"
5990
-
5967
slash@^1.0.0:
5968
version "1.0.0"
5969
resolved "https://registry.yarnpkg.com/slash/-/slash-1.0.0.tgz#c41f2f6c39fc16d1cd17ad4b5d896114ae470d55"