Batch remove from props registry

[tomekzaw]

Summary

This PR addresses the following TODO:

react-native-reanimated/src/createAnimatedComponent.tsx

Lines 363 to 366 in 1359a11

	// TODO: batching
	runOnUI(() => {
	_removeFromPropsRegistry!(viewTag);
	})();

Previously, we would schedule a worklet via runOnJS for each individual unmounted animated component. Each worklet would call JSI binding _removeFromPropsRegistry. This PR adds batching layer on JS context and changes the semantics of _removeFromPropsRegistry so that it accepts an array of view tags to remove from PropsRegistry.

Test plan

PropsRegistry.cpp

 #ifdef RCT_NEW_ARCH_ENABLED
 
 #include "PropsRegistry.h"
 
+#include <iostream>
 
 namespace reanimated {
 
 std::lock_guard<std::mutex> PropsRegistry::createLock() const {
+  {
+    std::lock_guard<std::mutex> lock(mutex_);
+    std::cout << "map_.size() = " << map_.size() << std::endl;
+  }
   return std::lock_guard<std::mutex>(mutex_);
 }

PropsRegistry.ts

 function flush() {
   if (__DEV__ && !global._IS_FABRIC) {
     throw new Error('PropsRegistry is only available on Fabric');
   }
+  console.log(viewTags.length);
   runOnUI(removeFromPropsRegistryOnUI)(viewTags);
   viewTags = [];
 }

FabricExample → ChessboardExample.tsx

[tjzel]

Seems mergeleable to me 👍