Hi<\/div>\n- <\/AsyncMode>,\n+ <\/ConcurrentMode>,\n container,\n );\n expect(container.textContent).toEqual('Hi');\n \n ReactDOM.render(\n- \n+ \n

Bye<\/div>\n- <\/AsyncMode>,\n+ <\/ConcurrentMode>,\n container,\n );\n expect(container.textContent).toEqual('Bye');\n@@ -197,7 +197,7 @@ describe('ReactDOMFiberAsync', () => {\n expect(container.textContent).toEqual('1');\n });\n \n- it('AsyncMode creates an async subtree', () => {\n+ it('ConcurrentMode creates an async subtree', () => {\n let instance;\n class Component extends React.Component {\n state = {step: 0};\n@@ -208,9 +208,9 @@ describe('ReactDOMFiberAsync', () => {\n }\n \n ReactDOM.render(\n- \n+ \n \n- <\/AsyncMode>,\n+ <\/ConcurrentMode>,\n container,\n );\n jest.runAllTimers();\n@@ -233,9 +233,9 @@ describe('ReactDOMFiberAsync', () => {\n \n ReactDOM.render(\n

\n- \n+ \n \n- <\/AsyncMode>\n+ <\/ConcurrentMode>\n <\/div>,\n container,\n );\n@@ -364,9 +364,9 @@ describe('ReactDOMFiberAsync', () => {\n }\n \n ReactDOM.render(\n- \n+ \n \n- <\/AsyncMode>,\n+ <\/ConcurrentMode>,\n container,\n );\n jest.runAllTimers();\n@@ -409,9 +409,9 @@ describe('ReactDOMFiberAsync', () => {\n }\n }\n ReactDOM.render(\n- \n+ \n \n- <\/AsyncMode>,\n+ <\/ConcurrentMode>,\n container,\n );\n expect(container.textContent).toEqual('0');\ndiff --git a\/packages\/react-dom\/src\/__tests__\/ReactDOMRoot-test.js b\/packages\/react-dom\/src\/__tests__\/ReactDOMRoot-test.js\nindex 9f7801d224..4157e64b46 100644\n--- a\/packages\/react-dom\/src\/__tests__\/ReactDOMRoot-test.js\n+++ b\/packages\/react-dom\/src\/__tests__\/ReactDOMRoot-test.js\n@@ -12,7 +12,7 @@\n let React = require('react');\n let ReactDOM = require('react-dom');\n let ReactDOMServer = require('react-dom\/server');\n-let AsyncMode = React.unstable_AsyncMode;\n+let ConcurrentMode = React.unstable_ConcurrentMode;\n \n describe('ReactDOMRoot', () => {\n let container;\n@@ -63,7 +63,7 @@ describe('ReactDOMRoot', () => {\n React = require('react');\n ReactDOM = require('react-dom');\n ReactDOMServer = require('react-dom\/server');\n- AsyncMode = React.unstable_AsyncMode;\n+ ConcurrentMode = React.unstable_ConcurrentMode;\n });\n \n it('renders children', () => {\n@@ -85,7 +85,7 @@ describe('ReactDOMRoot', () => {\n \n it('`root.render` returns a thenable work object', () => {\n const root = ReactDOM.unstable_createRoot(container);\n- const work = root.render(Hi<\/AsyncMode>);\n+ const work = root.render(Hi<\/ConcurrentMode>);\n let ops = [];\n work.then(() => {\n ops.push('inside callback: ' + container.textContent);\n@@ -103,7 +103,7 @@ describe('ReactDOMRoot', () => {\n \n it('resolves `work.then` callback synchronously if the work already committed', () => {\n const root = ReactDOM.unstable_createRoot(container);\n- const work = root.render(Hi<\/AsyncMode>);\n+ const work = root.render(Hi<\/ConcurrentMode>);\n jest.runAllTimers();\n let ops = [];\n work.then(() => {\n@@ -196,9 +196,9 @@ describe('ReactDOMRoot', () => {\n const root = ReactDOM.unstable_createRoot(container);\n const batch = root.createBatch();\n batch.render(\n- \n+ \n \n- <\/AsyncMode>,\n+ <\/ConcurrentMode>,\n );\n \n jest.runAllTimers();\n@@ -246,7 +246,7 @@ describe('ReactDOMRoot', () => {\n it('can wait for a batch to finish', () => {\n const root = ReactDOM.unstable_createRoot(container);\n const batch = root.createBatch();\n- batch.render(Foo<\/AsyncMode>);\n+ batch.render(Foo<\/ConcurrentMode>);\n \n jest.runAllTimers();\n \n@@ -286,7 +286,7 @@ describe('ReactDOMRoot', () => {\n \n it('can commit an empty batch', () => {\n const root = ReactDOM.unstable_createRoot(container);\n- root.render(1<\/AsyncMode>);\n+ root.render(1<\/ConcurrentMode>);\n \n advanceCurrentTime(2000);\n \/\/ This batch has a later expiration time than the earlier update.\ndiff --git a\/packages\/react-dom\/src\/__tests__\/ReactDOMServerIntegrationModes-test.js b\/packages\/react-dom\/src\/__tests__\/ReactDOMServerIntegrationModes-test.js\nindex ce37aa6161..3a4abc6abb 100644\n--- a\/packages\/react-dom\/src\/__tests__\/ReactDOMServerIntegrationModes-test.js\n+++ b\/packages\/react-dom\/src\/__tests__\/ReactDOMServerIntegrationModes-test.js\n@@ -104,36 +104,36 @@ describe('ReactDOMServerIntegration', () => {\n });\n });\n \n- describe('React.unstable_AsyncMode', () => {\n- itRenders('an async mode with one child', async render => {\n+ describe('React.unstable_ConcurrentMode', () => {\n+ itRenders('an concurrent mode with one child', async render => {\n let e = await render(\n- \n+ \n

text1<\/div>\n- <\/React.unstable_AsyncMode>,\n+ <\/React.unstable_ConcurrentMode>,\n );\n let parent = e.parentNode;\n expect(parent.childNodes[0].tagName).toBe('DIV');\n });\n \n- itRenders('an async mode with several children', async render => {\n+ itRenders('an concurrent mode with several children', async render => {\n let Header = props => {\n return

header<\/p>;\n };\n let Footer = props => {\n return (\n- \n+ \n

footer<\/h2>\n

about<\/h3>\n- <\/React.unstable_AsyncMode>\n+ <\/React.unstable_ConcurrentMode>\n );\n };\n let e = await render(\n- \n+ \n
text1<\/div>\n text2<\/span>\n
\n
\n- <\/React.unstable_AsyncMode>,\n+ <\/React.unstable_ConcurrentMode>,\n );\n let parent = e.parentNode;\n expect(parent.childNodes[0].tagName).toBe('DIV');\n@@ -143,23 +143,23 @@ describe('ReactDOMServerIntegration', () => {\n expect(parent.childNodes[4].tagName).toBe('H3');\n });\n \n- itRenders('a nested async mode', async render => {\n+ itRenders('a nested concurrent mode', async render => {\n let e = await render(\n- \n- \n+ \n+ \n
text1<\/div>\n- <\/React.unstable_AsyncMode>\n+ <\/React.unstable_ConcurrentMode>\n text2<\/span>\n- \n- \n- \n+ \n+ \n+ \n {null}\n
\n- <\/React.unstable_AsyncMode>\n+ <\/React.unstable_ConcurrentMode>\n {false}\n- <\/React.unstable_AsyncMode>\n- <\/React.unstable_AsyncMode>\n- <\/React.unstable_AsyncMode>,\n+ <\/React.unstable_ConcurrentMode>\n+ <\/React.unstable_ConcurrentMode>\n+ <\/React.unstable_ConcurrentMode>,\n );\n let parent = e.parentNode;\n expect(parent.childNodes[0].tagName).toBe('DIV');\n@@ -167,8 +167,8 @@ describe('ReactDOMServerIntegration', () => {\n expect(parent.childNodes[2].tagName).toBe('P');\n });\n \n- itRenders('an empty async mode', async render => {\n- expect(await render()).toBe(null);\n+ itRenders('an empty concurrent mode', async render => {\n+ expect(await render()).toBe(null);\n });\n });\n });\ndiff --git a\/packages\/react-dom\/src\/client\/ReactDOM.js b\/packages\/react-dom\/src\/client\/ReactDOM.js\nindex f51239ca68..f0cf8ea162 100644\n--- a\/packages\/react-dom\/src\/client\/ReactDOM.js\n+++ b\/packages\/react-dom\/src\/client\/ReactDOM.js\n@@ -330,8 +330,12 @@ ReactWork.prototype._onCommit = function(): void {\n }\n };\n \n-function ReactRoot(container: Container, isAsync: boolean, hydrate: boolean) {\n- const root = DOMRenderer.createContainer(container, isAsync, hydrate);\n+function ReactRoot(\n+ container: Container,\n+ isConcurrent: boolean,\n+ hydrate: boolean,\n+) {\n+ const root = DOMRenderer.createContainer(container, isConcurrent, hydrate);\n this._internalRoot = root;\n }\n ReactRoot.prototype.render = function(\n@@ -497,8 +501,8 @@ function legacyCreateRootFromDOMContainer(\n }\n }\n \/\/ Legacy roots are not async by default.\n- const isAsync = false;\n- return new ReactRoot(container, isAsync, shouldHydrate);\n+ const isConcurrent = false;\n+ return new ReactRoot(container, isConcurrent, shouldHydrate);\n }\n \n function legacyRenderSubtreeIntoContainer(\ndiff --git a\/packages\/react-dom\/src\/events\/tests\/SimpleEventPlugin-test.internal.js b\/packages\/react-dom\/src\/events\/tests\/SimpleEventPlugin-test.internal.js\nindex ec74d34393..3f11c71371 100644\n--- a\/packages\/react-dom\/src\/events\/tests\/SimpleEventPlugin-test.internal.js\n+++ b\/packages\/react-dom\/src\/events\/tests\/SimpleEventPlugin-test.internal.js\n@@ -426,9 +426,9 @@ describe('SimpleEventPlugin', function() {\n \/\/ Intentionally not using the updater form here\n () => this.setState({highPriCount: this.state.highPriCount + 1})\n }>\n- \n+ \n

dillon1000/react

Files changed