Redux store: batch resolver startResolution actions

packages/data/src/redux-store/index.js

@@ -267,7 +267,8 @@ export default function createReduxStore( key, options ) {
 					selectorName,
 					resolver,
 					store,
-					resolversCache
+					resolversCache,
+					registry
 				);
 			}
 
@@ -570,6 +571,8 @@ function mapResolvers( resolvers ) {
 	} );
 }
 
+const queuesByRegistry = new WeakMap();
+
 /**
  * Returns a selector with a matched resolver.
  * Resolvers are side effects invoked once per argument set of a given selector call,
@@ -580,13 +583,15 @@ function mapResolvers( resolvers ) {
  * @param {Object} resolver       Resolver to call.
  * @param {Object} store          The redux store to which the resolvers should be mapped.
  * @param {Object} resolversCache Resolvers Cache.
+ * @param {Object} registry
  */
 function mapSelectorWithResolver(
 	selector,
 	selectorName,
 	resolver,
 	store,
-	resolversCache
+	resolversCache,
+	registry
 ) {
 	function fulfillSelector( args ) {
 		const state = store.getState();
@@ -613,11 +618,19 @@ function mapSelectorWithResolver(
 
 		resolversCache.markAsRunning( selectorName, args );
 
-		setTimeout( async () => {
+		let queue = queuesByRegistry.get( registry );
+
+		if ( ! queue ) {
+			queue = [];
+			queuesByRegistry.set( registry, queue );
+		}
+
+		async function fulfillResolution() {
 			resolversCache.clear( selectorName, args );
 			store.dispatch(
 				metadataActions.startResolution( selectorName, args )
 			);
+
 			try {
 				const action = resolver.fulfill( ...args );
 				if ( action ) {
@@ -631,6 +644,22 @@ function mapSelectorWithResolver(
 					metadataActions.failResolution( selectorName, args, error )
 				);
 			}
+		}
+
+		queue.push( fulfillResolution );
+
+		setTimeout( () => {
+			if ( queue.length ) {
+				// Many resolvers can be called at once. The point of this is to
+				// at least batch `startResolution` actions all together.
+				registry.batch( () => {
+					for ( const fulfill of queue ) {
+						fulfill();
+					}
+				} );
+
+				queue.length = 0;
+			}
 		}, 0 );
 	}