markAllTracksInOrder() — react Function Reference

Architecture documentation for the markAllTracksInOrder() function in ReactFlightPerformanceTrack.js from the react codebase.

Function javascript BabelCompiler Validation

Entity Profile

BabelCompiler→ Validation→ markAllTracksInOrder() — react Function Reference

Dependency Diagram

graph TD
  7da500d5_f525_07e0_45ca_e7d9d1765dce["markAllTracksInOrder()"]
  e5244d6e_35d7_7c99_420d_82c7be8fe931["ReactFlightPerformanceTrack.js"]
  7da500d5_f525_07e0_45ca_e7d9d1765dce -->|defined in| e5244d6e_35d7_7c99_420d_82c7be8fe931
  style 7da500d5_f525_07e0_45ca_e7d9d1765dce fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/react-client/src/ReactFlightPerformanceTrack.js lines 38–60

export function markAllTracksInOrder() {
  if (supportsUserTiming) {
    // Ensure we create the Server Component track groups earlier than the Client Scheduler
    // and Client Components. We can always add the 0 time slot even if it's in the past.
    // That's still considered for ordering.
    console.timeStamp(
      'Server Requests Track',
      0.001,
      0.001,
      IO_TRACK,
      undefined,
      'primary-light',
    );
    console.timeStamp(
      'Server Components Track',
      0.001,
      0.001,
      'Primary',
      COMPONENTS_TRACK,
      'primary-light',
    );
  }
}