jsxDEV() — react Function Reference

Architecture documentation for the jsxDEV() function in ReactJSXElement.js from the react codebase.

Function javascript BabelCompiler Validation calls 3

Entity Profile

BabelCompiler→ Validation→ jsxDEV() — react Function Reference

Dependency Diagram

graph TD
  61e1102a_51ec_ae18_0071_31d1ba8c4fe5["jsxDEV()"]
  1bf5591f_27a1_c79f_853a_6242549e0e07["ReactJSXElement.js"]
  61e1102a_51ec_ae18_0071_31d1ba8c4fe5 -->|defined in| 1bf5591f_27a1_c79f_853a_6242549e0e07
  ad281e06_8a7d_3988_f68c_33f816bae40c["jsxDEVImpl()"]
  61e1102a_51ec_ae18_0071_31d1ba8c4fe5 -->|calls| ad281e06_8a7d_3988_f68c_33f816bae40c
  32f94b33_ccff_4b15_3949_ffacdfe3b7cf["createTask()"]
  61e1102a_51ec_ae18_0071_31d1ba8c4fe5 -->|calls| 32f94b33_ccff_4b15_3949_ffacdfe3b7cf
  d690579a_a09b_f8d4_5bde_d0dee8d54086["getTaskName()"]
  61e1102a_51ec_ae18_0071_31d1ba8c4fe5 -->|calls| d690579a_a09b_f8d4_5bde_d0dee8d54086
  style 61e1102a_51ec_ae18_0071_31d1ba8c4fe5 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/react/src/jsx/ReactJSXElement.js lines 441–467

export function jsxDEV(type, config, maybeKey, isStaticChildren) {
  const trackActualOwner =
    __DEV__ &&
    ReactSharedInternals.recentlyCreatedOwnerStacks++ < ownerStackLimit;
  let debugStackDEV = false;
  if (__DEV__) {
    if (trackActualOwner) {
      const previousStackTraceLimit = Error.stackTraceLimit;
      Error.stackTraceLimit = ownerStackTraceLimit;
      debugStackDEV = Error('react-stack-top-frame');
      Error.stackTraceLimit = previousStackTraceLimit;
    } else {
      debugStackDEV = unknownOwnerDebugStack;
    }
  }
  return jsxDEVImpl(
    type,
    config,
    maybeKey,
    isStaticChildren,
    debugStackDEV,
    __DEV__ &&
      (trackActualOwner
        ? createTask(getTaskName(type))
        : unknownOwnerDebugTask),
  );
}