Update on "[compiler] Instruction reordering"

Adds a pass just after DCE to reorder safely reorderable instructions (jsx, primitives, globals) closer to where they are used, to allow other optimization passes to be more effective. Notably, the reordering allows scope merging to be more effective, since that pass relies on two scopes not having intervening instructions — in many cases we can now reorder such instructions out of the way and unlock merging, as demonstrated in the changed fixtures.

The algorithm itself is described in the docblock.

note: This is a cleaned up version of #29579 that is ready for review.

[ghstack-poisoned]

Author: josephsavona

compiler/packages/babel-plugin-react-compiler/src/ReactiveScopes/MemoizeFbtOperandsInSameScope.ts

@@ -134,7 +134,10 @@ function visit(fn: HIRFunction, fbtValues: Set<IdentifierId>): void {
         }
 
         for (const operand of eachReactiveValueOperand(value)) {
-          if (operand.identifier.name !== null) {
+          if (
+            operand.identifier.name !== null &&
+            operand.identifier.name.kind === "named"
+          ) {
             /*
              * named identifiers were already locals, we only have to force temporaries
              * into the same scope