Add feature flag to use microtasks in the React Native Fabric renderer

Author: rubennorte

packages/react-native-renderer/src/ReactFiberConfigFabric.js

@@ -48,7 +48,10 @@ const {
   unstable_getCurrentEventPriority: fabricGetCurrentEventPriority,
 } = nativeFabricUIManager;
 
-import {diffInCommitPhase} from 'shared/ReactFeatureFlags';
+import {
+  diffInCommitPhase,
+  useMicrotasksForSchedulingInFabric,
+} from 'shared/ReactFeatureFlags';
 
 const {get: getViewConfigForType} = ReactNativeViewConfigRegistry;
 
@@ -122,7 +125,6 @@ export * from 'react-reconciler/src/ReactFiberConfigWithNoMutation';
 export * from 'react-reconciler/src/ReactFiberConfigWithNoHydration';
 export * from 'react-reconciler/src/ReactFiberConfigWithNoScopes';
 export * from 'react-reconciler/src/ReactFiberConfigWithNoTestSelectors';
-export * from 'react-reconciler/src/ReactFiberConfigWithNoMicrotasks';
 export * from 'react-reconciler/src/ReactFiberConfigWithNoResources';
 export * from 'react-reconciler/src/ReactFiberConfigWithNoSingletons';
 
@@ -499,3 +501,10 @@ export function waitForCommitToBeReady(): null {
 }
 
 export const NotPendingTransition: TransitionStatus = null;
+
+// -------------------
+//     Microtasks
+// -------------------
+export const supportsMicrotasks = useMicrotasksForSchedulingInFabric;
+export const scheduleMicrotask: any =
+  typeof queueMicrotask === 'function' ? queueMicrotask : scheduleTimeout;

packages/shared/ReactFeatureFlags.js

@@ -125,6 +125,8 @@ export const enableAsyncActions = __EXPERIMENTAL__;
 
 export const alwaysThrottleRetries = true;
 
+export const useMicrotasksForSchedulingInFabric = false;
+
 // -----------------------------------------------------------------------------
 // Chopping Block
 //

packages/shared/forks/ReactFeatureFlags.native-fb-dynamic.js

@@ -23,6 +23,7 @@ import typeof * as DynamicFlagsType from 'ReactNativeInternalFeatureFlags';
 export const enableUseRefAccessWarning = __VARIANT__;
 export const enableDeferRootSchedulingToMicrotask = __VARIANT__;
 export const alwaysThrottleRetries = __VARIANT__;
+export const useMicrotasksForSchedulingInFabric = __VARIANT__;
 
 // Flow magic to verify the exports of this file match the original version.
 ((((null: any): ExportsType): DynamicFlagsType): ExportsType);

packages/shared/forks/ReactFeatureFlags.native-fb.js

@@ -21,6 +21,7 @@ export const {
   enableUseRefAccessWarning,
   enableDeferRootSchedulingToMicrotask,
   alwaysThrottleRetries,
+  useMicrotasksForSchedulingInFabric,
 } = dynamicFlags;
 
 // The rest of the flags are static for better dead code elimination.

packages/shared/forks/ReactFeatureFlags.native-oss.js

@@ -78,5 +78,7 @@ export const enableAsyncActions = false;
 
 export const alwaysThrottleRetries = true;
 
+export const useMicrotasksForSchedulingInFabric = false;
+
 // Flow magic to verify the exports of this file match the original version.
 ((((null: any): ExportsType): FeatureFlagsType): ExportsType);

packages/shared/forks/ReactFeatureFlags.test-renderer.js

@@ -78,5 +78,7 @@ export const enableAsyncActions = false;
 
 export const alwaysThrottleRetries = true;
 
+export const useMicrotasksForSchedulingInFabric = false;
+
 // Flow magic to verify the exports of this file match the original version.
 ((((null: any): ExportsType): FeatureFlagsType): ExportsType);

packages/shared/forks/ReactFeatureFlags.test-renderer.native.js

@@ -75,5 +75,7 @@ export const enableAsyncActions = false;
 
 export const alwaysThrottleRetries = true;
 
+export const useMicrotasksForSchedulingInFabric = false;
+
 // Flow magic to verify the exports of this file match the original version.
 ((((null: any): ExportsType): FeatureFlagsType): ExportsType);

packages/shared/forks/ReactFeatureFlags.test-renderer.www.js

@@ -78,5 +78,7 @@ export const enableAsyncActions = false;
 
 export const alwaysThrottleRetries = true;
 
+export const useMicrotasksForSchedulingInFabric = false;
+
 // Flow magic to verify the exports of this file match the original version.
 ((((null: any): ExportsType): FeatureFlagsType): ExportsType);

packages/shared/forks/ReactFeatureFlags.www.js

@@ -109,5 +109,7 @@ export const enableFizzExternalRuntime = true;
 
 export const forceConcurrentByDefaultForTesting = false;
 
+export const useMicrotasksForSchedulingInFabric = false;
+
 // Flow magic to verify the exports of this file match the original version.
 ((((null: any): ExportsType): FeatureFlagsType): ExportsType);

scripts/flow/xplat.js

@@ -11,4 +11,5 @@ declare module 'ReactNativeInternalFeatureFlags' {
   declare export var enableUseRefAccessWarning: boolean;
   declare export var enableDeferRootSchedulingToMicrotask: boolean;
   declare export var alwaysThrottleRetries: boolean;
+  declare export var useMicrotasksForSchedulingInFabric: boolean;
 }