fetchThirdParty() — react Function Reference

Architecture documentation for the fetchThirdParty() function in App.js from the react codebase.

Function javascript BabelCompiler Entrypoint calls 1 called by 1

Entity Profile

BabelCompiler→ Entrypoint→ fetchThirdParty() — react Function Reference

Dependency Diagram

graph TD
  f98f3ee4_20da_1457_44f0_998fe2b4f1ec["fetchThirdParty()"]
  b27c3f66_c90d_ed18_3ae4_582f9ff3b4e6["App.js"]
  f98f3ee4_20da_1457_44f0_998fe2b4f1ec -->|defined in| b27c3f66_c90d_ed18_3ae4_582f9ff3b4e6
  012a5f73_af89_618a_aaa3_7ee67010fe31["ServerComponent()"]
  012a5f73_af89_618a_aaa3_7ee67010fe31 -->|calls| f98f3ee4_20da_1457_44f0_998fe2b4f1ec
  5f55d413_17dd_1307_5383_a9f64b094bf3["simulateFetch()"]
  f98f3ee4_20da_1457_44f0_998fe2b4f1ec -->|calls| 5f55d413_17dd_1307_5383_a9f64b094bf3
  style f98f3ee4_20da_1457_44f0_998fe2b4f1ec fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

fixtures/flight/src/App.js lines 92–119

async function fetchThirdParty(noCache) {
  // We're using the Web Streams APIs for tee'ing convenience.
  let stream;
  if (cachedThirdPartyStream && !noCache) {
    stream = cachedThirdPartyStream;
  } else {
    stream = await simulateFetch(
      () =>
        renderToReadableStream(
          thirdPartyComponent,
          {},
          {environmentName: 'third-party'}
        ),
      25
    );
  }

  const [stream1, stream2] = stream.tee();
  cachedThirdPartyStream = stream1;

  return createFromReadableStream(stream2, {
    serverConsumerManifest: {
      moduleMap: {},
      serverModuleMap: null,
      moduleLoading: null,
    },
  });
}