processLink() — react Function Reference

Architecture documentation for the processLink() function in ReactFlightServerConfigDOM.js from the react codebase.

Function javascript BabelCompiler Validation called by 1

Entity Profile

BabelCompiler→ Validation→ processLink() — react Function Reference

Dependency Diagram

graph TD
  78c0b34d_376b_0a53_bd61_cf3b12c49526["processLink()"]
  6a345571_3d83_3185_49d0_7a711dbada16["ReactFlightServerConfigDOM.js"]
  78c0b34d_376b_0a53_bd61_cf3b12c49526 -->|defined in| 6a345571_3d83_3185_49d0_7a711dbada16
  9360b73c_75e2_8c52_a5d5_4a59c8b52f88["getChildFormatContext()"]
  9360b73c_75e2_8c52_a5d5_4a59c8b52f88 -->|calls| 78c0b34d_376b_0a53_bd61_cf3b12c49526
  style 78c0b34d_376b_0a53_bd61_cf3b12c49526 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/react-dom-bindings/src/server/ReactFlightServerConfigDOM.js lines 132–184

function processLink(props: Object, formatContext: FormatContext): void {
  const noscriptTagInScope = formatContext & NOSCRIPT_SCOPE;
  const rel = props.rel;
  const href = props.href;
  if (
    noscriptTagInScope ||
    props.itemProp != null ||
    typeof rel !== 'string' ||
    typeof href !== 'string' ||
    href === ''
  ) {
    // We shouldn't preload resources that are in noscript or have no configuration.
    return;
  }

  switch (rel) {
    case 'preload': {
      preload(href, props.as, {
        crossOrigin: props.crossOrigin,
        integrity: props.integrity,
        nonce: props.nonce,
        type: props.type,
        fetchPriority: props.fetchPriority,
        referrerPolicy: props.referrerPolicy,
        imageSrcSet: props.imageSrcSet,
        imageSizes: props.imageSizes,
        media: props.media,
      });
      return;
    }
    case 'modulepreload': {
      preloadModule(href, {
        as: props.as,
        crossOrigin: props.crossOrigin,
        integrity: props.integrity,
        nonce: props.nonce,
      });
      return;
    }
    case 'stylesheet': {
      preload(href, 'style', {
        crossOrigin: props.crossOrigin,
        integrity: props.integrity,
        nonce: props.nonce,
        type: props.type,
        fetchPriority: props.fetchPriority,
        referrerPolicy: props.referrerPolicy,
        media: props.media,
      });
      return;
    }
  }
}