outlineJSX() — react Function Reference

Architecture documentation for the outlineJSX() function in OutlineJsx.ts from the react codebase.

Function typescript BabelCompiler Optimization calls 1 called by 1

Entity Profile

BabelCompiler→ Optimization→ outlineJSX() — react Function Reference

Dependency Diagram

graph TD
  b28bf5c0_8e84_1e6c_e20a_a5d9e0737eca["outlineJSX()"]
  158befb1_050c_87d2_b4ec_54305bac5a4f["OutlineJsx.ts"]
  b28bf5c0_8e84_1e6c_e20a_a5d9e0737eca -->|defined in| 158befb1_050c_87d2_b4ec_54305bac5a4f
  c3bc3875_256f_8f5e_7800_2f9c5bae65eb["runWithEnvironment()"]
  c3bc3875_256f_8f5e_7800_2f9c5bae65eb -->|calls| b28bf5c0_8e84_1e6c_e20a_a5d9e0737eca
  607124e3_c223_e210_7b0a_5f166993a9e2["outlineJsxImpl()"]
  b28bf5c0_8e84_1e6c_e20a_a5d9e0737eca -->|calls| 607124e3_c223_e210_7b0a_5f166993a9e2
  style b28bf5c0_8e84_1e6c_e20a_a5d9e0737eca fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

compiler/packages/babel-plugin-react-compiler/src/Optimization/OutlineJsx.ts lines 34–41

export function outlineJSX(fn: HIRFunction): void {
  const outlinedFns: Array<HIRFunction> = [];
  outlineJsxImpl(fn, outlinedFns);

  for (const outlinedFn of outlinedFns) {
    fn.env.outlineFunction(outlinedFn, 'Component');
  }
}