mirror of
https://github.com/facebook/react.git
synced 2025-11-01 09:12:30 +00:00
Andrew Clark
4d0e8fc487
Makes createRoot the opt-in API for async updates. Now we don't have to check the top-level element to see if it's an async container.
88 lines
2.8 KiB
JavaScript
88 lines
2.8 KiB
JavaScript
/**
|
|
* Copyright (c) 2013-present, Facebook, Inc.
|
|
*
|
|
* This source code is licensed under the MIT license found in the
|
|
* LICENSE file in the root directory of this source tree.
|
|
*
|
|
* @flow
|
|
*/
|
|
|
|
import type {ReactNativeRTType} from './ReactNativeRTTypes';
|
|
import type {ReactNodeList} from 'shared/ReactTypes';
|
|
|
|
/**
|
|
* Make sure essential globals are available and are patched correctly. Please don't remove this
|
|
* line. Bundles created by react-packager `require` it before executing any application code. This
|
|
* ensures it exists in the dependency graph and can be `require`d.
|
|
* TODO: require this in packager, not in React #10932517
|
|
*/
|
|
import 'InitializeCore';
|
|
import './ReactNativeRTEventEmitter';
|
|
|
|
import * as ReactPortal from 'shared/ReactPortal';
|
|
import * as ReactGenericBatching from 'events/ReactGenericBatching';
|
|
import ReactVersion from 'shared/ReactVersion';
|
|
|
|
import {getFiberFromTag} from './ReactNativeRTComponentTree';
|
|
import ReactNativeRTFiberRenderer from './ReactNativeRTFiberRenderer';
|
|
import ReactNativeRTFiberInspector from './ReactNativeRTFiberInspector';
|
|
|
|
ReactGenericBatching.injection.injectFiberBatchedUpdates(
|
|
ReactNativeRTFiberRenderer.batchedUpdates,
|
|
);
|
|
|
|
const roots = new Map();
|
|
|
|
const ReactNativeRTFiber: ReactNativeRTType = {
|
|
render(element: React$Element<any>, containerTag: any, callback: ?Function) {
|
|
let root = roots.get(containerTag);
|
|
|
|
if (!root) {
|
|
// TODO (bvaughn): If we decide to keep the wrapper component,
|
|
// We could create a wrapper for containerTag as well to reduce special casing.
|
|
root = ReactNativeRTFiberRenderer.createContainer(
|
|
containerTag,
|
|
false,
|
|
false,
|
|
);
|
|
roots.set(containerTag, root);
|
|
}
|
|
ReactNativeRTFiberRenderer.updateContainer(element, root, null, callback);
|
|
|
|
return ReactNativeRTFiberRenderer.getPublicRootInstance(root);
|
|
},
|
|
|
|
unmountComponentAtNode(containerTag: number) {
|
|
const root = roots.get(containerTag);
|
|
if (root) {
|
|
// TODO: Is it safe to reset this now or should I wait since this unmount could be deferred?
|
|
ReactNativeRTFiberRenderer.updateContainer(null, root, null, () => {
|
|
roots.delete(containerTag);
|
|
});
|
|
}
|
|
},
|
|
|
|
createPortal(
|
|
children: ReactNodeList,
|
|
containerTag: number,
|
|
key: ?string = null,
|
|
) {
|
|
return ReactPortal.createPortal(children, containerTag, null, key);
|
|
},
|
|
|
|
unstable_batchedUpdates: ReactGenericBatching.batchedUpdates,
|
|
|
|
flushSync: ReactNativeRTFiberRenderer.flushSync,
|
|
};
|
|
|
|
ReactNativeRTFiberRenderer.injectIntoDevTools({
|
|
findFiberByHostInstance: getFiberFromTag,
|
|
getInspectorDataForViewTag:
|
|
ReactNativeRTFiberInspector.getInspectorDataForViewTag,
|
|
bundleType: __DEV__ ? 1 : 0,
|
|
version: ReactVersion,
|
|
rendererPackageName: 'react-rt-renderer',
|
|
});
|
|
|
|
export default ReactNativeRTFiber;
|