Update Fixtures to use new APIs (#17380)
Also renamed unstable-async to concurrent
Sebastian Markbåge committed
Nov 17, 2019 at 14:42 UTC
3ad076472ce9108b9b8a6a6fe039244b74a34392
14 files changed
+52
-18
fixtures/concurrent/time-slicing/.gitignore
renamed
fixtures/concurrent/time-slicing/README.md
renamed
fixtures/concurrent/time-slicing/package.json
renamed
fixtures/concurrent/time-slicing/public/favicon.ico
renamed
fixtures/concurrent/time-slicing/public/index.html
renamed
fixtures/concurrent/time-slicing/public/manifest.json
renamed
fixtures/concurrent/time-slicing/src/Charts.js
renamed
fixtures/concurrent/time-slicing/src/Clock.js
renamed
fixtures/concurrent/time-slicing/src/index.css
renamed
fixtures/concurrent/time-slicing/src/index.js
renamed
+6
-5
@@ -1,5 +1,5 @@
1
import React, {PureComponent} from 'react';
2
-import {flushSync, unstable_createRoot} from 'react-dom';
2
+import {flushSync, createRoot} from 'react-dom';
3
import Scheduler from 'scheduler';
4
import _ from 'lodash';
5
import Charts from './Charts';
@@ -107,9 +107,10 @@ class App extends PureComponent {
107
this.debouncedHandleChange(value);
108
break;
109
case 'async':
110
- unstable_scheduleCallback(() => {
110
+ // TODO: useTransition hook instead.
111
+ setTimeout(() => {
112
this.setState({value});
112
- });
113
+ }, 0);
114
break;
115
default:
116
break;
@@ -146,5 +147,5 @@ class App extends PureComponent {
147
}
148
149
const container = document.getElementById('root');
149
-const root = ReactDOM.unstable_createRoot(container);
150
-root.render(<App />, container);
150
+const root = createRoot(container);
151
+root.render(<App />);
fixtures/concurrent/time-slicing/yarn.lock
renamed
fixtures/ssr/src/index.js
+2
-2
@@ -1,7 +1,7 @@
1
import React from 'react';
2
-import {unstable_createRoot} from 'react-dom';
2
+import {createRoot} from 'react-dom';
3
4
import App from './components/App';
5
6
-let root = unstable_createRoot(document, {hydrate: true});
6
+let root = createRoot(document, {hydrate: true});
7
root.render(<App assets={window.assetManifest} />);
fixtures/ssr/yarn.lock
+36
-1
@@ -2999,6 +2999,11 @@ js-tokens@^3.0.0:
2999
version "3.0.1"
3000
resolved "https://registry.yarnpkg.com/js-tokens/-/js-tokens-3.0.1.tgz#08e9f132484a2c45a30907e9dc4d5567b7f114d7"
3001
3002
+"js-tokens@^3.0.0 || ^4.0.0":
3003
+ version "4.0.0"
3004
+ resolved "https://registry.yarnpkg.com/js-tokens/-/js-tokens-4.0.0.tgz#19203fb59991df98e3a287050d4647cdeaf32499"
3005
+ integrity sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==
3006
+
3007
js-yaml@^3.4.3, js-yaml@^3.5.1, js-yaml@^3.7.0, js-yaml@~3.7.0:
3008
version "3.7.0"
3009
resolved "https://registry.yarnpkg.com/js-yaml/-/js-yaml-3.7.0.tgz#5c967ddd837a9bfdca5f2de84253abe8a1c03b80"
@@ -3248,6 +3253,13 @@ loose-envify@^1.0.0:
3253
dependencies:
3254
js-tokens "^3.0.0"
3255
3256
+loose-envify@^1.1.0, loose-envify@^1.4.0:
3257
+ version "1.4.0"
3258
+ resolved "https://registry.yarnpkg.com/loose-envify/-/loose-envify-1.4.0.tgz#71ee51fa7be4caec1a63839f7e682d8132d30caf"
3259
+ integrity sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==
3260
+ dependencies:
3261
+ js-tokens "^3.0.0 || ^4.0.0"
3262
+
3263
lower-case@^1.1.1:
3264
version "1.1.4"
3265
resolved "https://registry.yarnpkg.com/lower-case/-/lower-case-1.1.4.tgz#9a2cabd1b9e8e0ae993a4bf7d5875c39c42e8eac"
@@ -3558,9 +3570,10 @@ oauth-sign@~0.8.1:
3570
version "0.8.2"
3571
resolved "https://registry.yarnpkg.com/oauth-sign/-/oauth-sign-0.8.2.tgz#46a6ab7f0aead8deae9ec0565780b7d4efeb9d43"
3572
3561
-object-assign@4.1.1, object-assign@^4.0.1, object-assign@^4.1.0:
3573
+object-assign@4.1.1, object-assign@^4.0.1, object-assign@^4.1.0, object-assign@^4.1.1:
3574
version "4.1.1"
3575
resolved "https://registry.yarnpkg.com/object-assign/-/object-assign-4.1.1.tgz#2109adc7965887cfc05cbbd442cac8bfbb360863"
3576
+ integrity sha1-IQmtx5ZYh8/AXLvUQsrIv7s2CGM=
3577
3578
object.omit@^2.0.0:
3579
version "2.0.1"
@@ -4071,6 +4084,15 @@ promise@7.1.1:
4084
dependencies:
4085
asap "~2.0.3"
4086
4087
+prop-types@^15.6.2:
4088
+ version "15.7.2"
4089
+ resolved "https://registry.yarnpkg.com/prop-types/-/prop-types-15.7.2.tgz#52c41e75b8c87e72b9d9360e0206b99dcbffa6c5"
4090
+ integrity sha512-8QQikdH7//R2vurIJSutZ1smHYTcLpRWEOlHnzcWHmBYrOGUysKwSsrC89BCiFj3CbrfJ/nXFdJepOVrY1GCHQ==
4091
+ dependencies:
4092
+ loose-envify "^1.4.0"
4093
+ object-assign "^4.1.1"
4094
+ react-is "^16.8.1"
4095
+
4096
proxy-addr@~1.1.3:
4097
version "1.1.4"
4098
resolved "https://registry.yarnpkg.com/proxy-addr/-/proxy-addr-1.1.4.tgz#27e545f6960a44a627d9b44467e35c1b6b4ce2f3"
@@ -4160,6 +4182,11 @@ react-dev-utils@^0.5.2:
4182
version "0.0.0"
4183
uid ""
4184
4185
+react-is@^16.8.1:
4186
+ version "16.12.0"
4187
+ resolved "https://registry.yarnpkg.com/react-is/-/react-is-16.12.0.tgz#2cc0fe0fba742d97fd527c42a13bec4eeb06241c"
4188
+ integrity sha512-rPCkf/mWBtKc97aLL9/txD8DZdemK0vkA3JMLShjlJB3Pj3s+lpf1KaBzMfQrAmhMQB0n1cU/SUGgKKBCe837Q==
4189
+
4190
react-scripts@0.9.5:
4191
version "0.9.5"
4192
resolved "https://registry.yarnpkg.com/react-scripts/-/react-scripts-0.9.5.tgz#e9f05c8427e27131662a9b9d7a9786d1ff16bb3f"
@@ -4495,6 +4522,14 @@ sax@^1.2.1, sax@~1.2.1:
4522
version "1.2.2"
4523
resolved "https://registry.yarnpkg.com/sax/-/sax-1.2.2.tgz#fd8631a23bc7826bef5d871bdb87378c95647828"
4524
4525
+scheduler@^0.18.0:
4526
+ version "0.18.0"
4527
+ resolved "https://registry.yarnpkg.com/scheduler/-/scheduler-0.18.0.tgz#5901ad6659bc1d8f3fdaf36eb7a67b0d6746b1c4"
4528
+ integrity sha512-agTSHR1Nbfi6ulI0kYNK0203joW2Y5W4po4l+v03tOoiJKpTBbxpNhWDvqc/4IcOw+KLmSiQLTasZ4cab2/UWQ==
4529
+ dependencies:
4530
+ loose-envify "^1.1.0"
4531
+ object-assign "^4.1.1"
4532
+
4533
"semver@2 || 3 || 4 || 5", semver@^5.1.0, semver@^5.3.0:
4534
version "5.3.0"
4535
resolved "https://registry.yarnpkg.com/semver/-/semver-5.3.0.tgz#9b2ce5d3de02d17c6012ad326aa6b4d0cf54f94f"
fixtures/tracing/test.js
+8
-10
@@ -1,5 +1,5 @@
1
-const {createElement, Component, Placeholder} = React;
2
-const {unstable_createRoot: createRoot} = ReactDOM;
1
+const {createElement, Component, Suspense} = React;
2
+const {createRoot} = ReactDOM;
3
const {
4
unstable_subscribe: subscribe,
5
unstable_trace: trace,
@@ -56,8 +56,8 @@ const read = key => {
56
57
const TestApp = () =>
58
createElement(
59
- Placeholder,
60
- {delayMs: 100, fallback: createElement(PlaceholderText)},
59
+ Suspense,
60
+ {fallback: createElement(PlaceholderText)},
61
createElement(SuspendingChild, {text: 'foo'}),
62
createElement(SuspendingChild, {text: 'bar'}),
63
createElement(SuspendingChild, {text: 'baz'})
@@ -91,13 +91,11 @@ subscribe({
91
const element = document.getElementById('root');
92
trace('initial_render', performance.now(), () => {
93
const root = createRoot(element);
94
- const batch = root.createBatch();
95
- log.app('batch.render()');
96
- batch.render(createElement(TestApp));
97
- batch.then(
94
+ log.app('render()');
95
+ root.render(
96
+ createElement(TestApp),
97
wrap(() => {
99
- log.app('batch.commit()');
100
- batch.commit();
98
+ log.app('commited');
99
})
100
);
101
});