react Architecture Docs
Home / File/ ReactFiberTracingMarkerComponent.js — react Source File

ReactFiberTracingMarkerComponent.js — react Source File

Architecture documentation for ReactFiberTracingMarkerComponent.js, a javascript file in the react codebase. 6 imports, 8 dependents.

File javascript BabelCompiler Validation 6 imports 8 dependents 5 functions

Entity Profile

Dependency Diagram

graph LR
  05714c8c_b2f5_ddac_3f79_222b33006713["ReactFiberTracingMarkerComponent.js"]
  6b9f5caa_fb13_3d3c_2f60_ad3c4f58371f["ReactInternalTypes.js"]
  05714c8c_b2f5_ddac_3f79_222b33006713 --> 6b9f5caa_fb13_3d3c_2f60_ad3c4f58371f
  79172409_a09a_afa9_9185_df1c9182af84["ReactFiberOffscreenComponent.js"]
  05714c8c_b2f5_ddac_3f79_222b33006713 --> 79172409_a09a_afa9_9185_df1c9182af84
  8f731ef5_fa4f_fcf5_0d94_a73afa35b6a4["ReactFiberStack.js"]
  05714c8c_b2f5_ddac_3f79_222b33006713 --> 8f731ef5_fa4f_fcf5_0d94_a73afa35b6a4
  d73e9290_2d2e_5d3f_97dd_84929f205c77["ReactFiberWorkLoop.js"]
  05714c8c_b2f5_ddac_3f79_222b33006713 --> d73e9290_2d2e_5d3f_97dd_84929f205c77
  3ff6a79c_0a0b_9ae4_6826_41e836ae2a7c["ReactStartTransition"]
  05714c8c_b2f5_ddac_3f79_222b33006713 --> 3ff6a79c_0a0b_9ae4_6826_41e836ae2a7c
  8344de1b_978c_be0f_eebd_38ccc4962a93["ReactFeatureFlags"]
  05714c8c_b2f5_ddac_3f79_222b33006713 --> 8344de1b_978c_be0f_eebd_38ccc4962a93
  8a03468f_f6e2_d5a3_fdef_e77ebca449c2["ReactFiber.js"]
  8a03468f_f6e2_d5a3_fdef_e77ebca449c2 --> 05714c8c_b2f5_ddac_3f79_222b33006713
  0be70812_cc0c_b210_f84f_8e61dd5f831c["ReactFiberBeginWork.js"]
  0be70812_cc0c_b210_f84f_8e61dd5f831c --> 05714c8c_b2f5_ddac_3f79_222b33006713
  e0fbfbd5_47b0_a489_0b36_bbfad9245544["ReactFiberCommitWork.js"]
  e0fbfbd5_47b0_a489_0b36_bbfad9245544 --> 05714c8c_b2f5_ddac_3f79_222b33006713
  6b05669d_2f09_63a5_e79f_0afc195f25a3["ReactFiberCompleteWork.js"]
  6b05669d_2f09_63a5_e79f_0afc195f25a3 --> 05714c8c_b2f5_ddac_3f79_222b33006713
  79172409_a09a_afa9_9185_df1c9182af84["ReactFiberOffscreenComponent.js"]
  79172409_a09a_afa9_9185_df1c9182af84 --> 05714c8c_b2f5_ddac_3f79_222b33006713
  53e7e9e3_9e8c_648e_1f4e_0fdfa5c5cb8f["ReactFiberUnwindWork.js"]
  53e7e9e3_9e8c_648e_1f4e_0fdfa5c5cb8f --> 05714c8c_b2f5_ddac_3f79_222b33006713
  d73e9290_2d2e_5d3f_97dd_84929f205c77["ReactFiberWorkLoop.js"]
  d73e9290_2d2e_5d3f_97dd_84929f205c77 --> 05714c8c_b2f5_ddac_3f79_222b33006713
  6b9f5caa_fb13_3d3c_2f60_ad3c4f58371f["ReactInternalTypes.js"]
  6b9f5caa_fb13_3d3c_2f60_ad3c4f58371f --> 05714c8c_b2f5_ddac_3f79_222b33006713
  style 05714c8c_b2f5_ddac_3f79_222b33006713 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

/**
 * Copyright (c) Meta Platforms, Inc. and affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 *
 * @flow
 */

import type {
  TransitionTracingCallbacks,
  Fiber,
  FiberRoot,
} from './ReactInternalTypes';
import type {Transition} from 'react/src/ReactStartTransition';
import type {OffscreenInstance} from './ReactFiberOffscreenComponent';
import type {StackCursor} from './ReactFiberStack';

import {enableTransitionTracing} from 'shared/ReactFeatureFlags';
import {createCursor, push, pop} from './ReactFiberStack';
import {getWorkInProgressTransitions} from './ReactFiberWorkLoop';

export type SuspenseInfo = {name: string | null};

export type PendingTransitionCallbacks = {
  transitionStart: Array<Transition> | null,
  transitionProgress: Map<Transition, PendingBoundaries> | null,
  transitionComplete: Array<Transition> | null,
  markerProgress: Map<
    string,
    {pendingBoundaries: PendingBoundaries, transitions: Set<Transition>},
  > | null,
  markerIncomplete: Map<
    string,
    {aborts: Array<TransitionAbort>, transitions: Set<Transition>},
  > | null,
  markerComplete: Map<string, Set<Transition>> | null,
};

// TODO: Is there a way to not include the tag or name here?
export type TracingMarkerInstance = {
  tag?: TracingMarkerTag,
  transitions: Set<Transition> | null,
  pendingBoundaries: PendingBoundaries | null,
  aborts: Array<TransitionAbort> | null,
  name: string | null,
};

export type TransitionAbort = {
  reason: 'error' | 'unknown' | 'marker' | 'suspense',
  name?: string | null,
};

export const TransitionRoot = 0;
export const TransitionTracingMarker = 1;
export type TracingMarkerTag = 0 | 1;

export type PendingBoundaries = Map<OffscreenInstance, SuspenseInfo>;

export function processTransitionCallbacks(
// ... (217 more lines)

Domain

Subdomains

Functions

Dependencies

Imported By

Source

Frequently Asked Questions

What does ReactFiberTracingMarkerComponent.js do?
ReactFiberTracingMarkerComponent.js is a source file in the react codebase, written in javascript. It belongs to the BabelCompiler domain, Validation subdomain.
What functions are defined in ReactFiberTracingMarkerComponent.js?
ReactFiberTracingMarkerComponent.js defines 5 function(s): popMarkerInstance, popRootMarkerInstance, processTransitionCallbacks, pushMarkerInstance, pushRootMarkerInstance.
What does ReactFiberTracingMarkerComponent.js depend on?
ReactFiberTracingMarkerComponent.js imports 6 module(s): ReactFeatureFlags, ReactFiberOffscreenComponent.js, ReactFiberStack.js, ReactFiberWorkLoop.js, ReactInternalTypes.js, ReactStartTransition.
What files import ReactFiberTracingMarkerComponent.js?
ReactFiberTracingMarkerComponent.js is imported by 8 file(s): ReactFiber.js, ReactFiberBeginWork.js, ReactFiberCommitWork.js, ReactFiberCompleteWork.js, ReactFiberOffscreenComponent.js, ReactFiberUnwindWork.js, ReactFiberWorkLoop.js, ReactInternalTypes.js.
Where is ReactFiberTracingMarkerComponent.js in the architecture?
ReactFiberTracingMarkerComponent.js is located at packages/react-reconciler/src/ReactFiberTracingMarkerComponent.js (domain: BabelCompiler, subdomain: Validation, directory: packages/react-reconciler/src).

Analyze Your Own Codebase

Get architecture documentation, dependency graphs, and domain analysis for your codebase in minutes.

Try Supermodel Free