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

ReactFiberHotReloading.js — react Source File

Architecture documentation for ReactFiberHotReloading.js, a javascript file in the react codebase. 10 imports, 5 dependents.

File javascript BabelCompiler Validation 10 imports 5 dependents 9 functions

Entity Profile

Dependency Diagram

graph LR
  da68ece0_17b1_3c98_d393_5c830eacd9b2["ReactFiberHotReloading.js"]
  6b9f5caa_fb13_3d3c_2f60_ad3c4f58371f["ReactInternalTypes.js"]
  da68ece0_17b1_3c98_d393_5c830eacd9b2 --> 6b9f5caa_fb13_3d3c_2f60_ad3c4f58371f
  d73e9290_2d2e_5d3f_97dd_84929f205c77["ReactFiberWorkLoop.js"]
  da68ece0_17b1_3c98_d393_5c830eacd9b2 --> d73e9290_2d2e_5d3f_97dd_84929f205c77
  8dfed368_a2ce_03e8_73a7_410857344637["ReactFiberConcurrentUpdates.js"]
  da68ece0_17b1_3c98_d393_5c830eacd9b2 --> 8dfed368_a2ce_03e8_73a7_410857344637
  3ff8c5da_88d9_c61b_6bdc_da766a43fd30["ReactFiberReconciler.js"]
  da68ece0_17b1_3c98_d393_5c830eacd9b2 --> 3ff8c5da_88d9_c61b_6bdc_da766a43fd30
  62553dd6_34d9_8b09_7c89_927d1610c445["ReactFiberLegacyContext.js"]
  da68ece0_17b1_3c98_d393_5c830eacd9b2 --> 62553dd6_34d9_8b09_7c89_927d1610c445
  768f6d67_77c1_be19_5596_a943eab59e05["ReactFiberLane.js"]
  da68ece0_17b1_3c98_d393_5c830eacd9b2 --> 768f6d67_77c1_be19_5596_a943eab59e05
  d3557f30_4fca_e30a_91c5_c23d4b8dba99["ReactWorkTags.js"]
  da68ece0_17b1_3c98_d393_5c830eacd9b2 --> d3557f30_4fca_e30a_91c5_c23d4b8dba99
  5d82f0e2_4c9f_b7e4_8c1e_046c00b4e1d9["ReactElementType"]
  da68ece0_17b1_3c98_d393_5c830eacd9b2 --> 5d82f0e2_4c9f_b7e4_8c1e_046c00b4e1d9
  d8f20c67_f5fa_0f0a_c967_c41fd9ffce07["ReactTypes"]
  da68ece0_17b1_3c98_d393_5c830eacd9b2 --> d8f20c67_f5fa_0f0a_c967_c41fd9ffce07
  e1e1de60_2be4_0643_45fb_e2c306735427["ReactSymbols"]
  da68ece0_17b1_3c98_d393_5c830eacd9b2 --> e1e1de60_2be4_0643_45fb_e2c306735427
  8a694f3e_c887_fb18_4515_e3e4488bb43e["ReactChildFiber.js"]
  8a694f3e_c887_fb18_4515_e3e4488bb43e --> da68ece0_17b1_3c98_d393_5c830eacd9b2
  8a03468f_f6e2_d5a3_fdef_e77ebca449c2["ReactFiber.js"]
  8a03468f_f6e2_d5a3_fdef_e77ebca449c2 --> da68ece0_17b1_3c98_d393_5c830eacd9b2
  0be70812_cc0c_b210_f84f_8e61dd5f831c["ReactFiberBeginWork.js"]
  0be70812_cc0c_b210_f84f_8e61dd5f831c --> da68ece0_17b1_3c98_d393_5c830eacd9b2
  3ff8c5da_88d9_c61b_6bdc_da766a43fd30["ReactFiberReconciler.js"]
  3ff8c5da_88d9_c61b_6bdc_da766a43fd30 --> da68ece0_17b1_3c98_d393_5c830eacd9b2
  2945bdb1_d075_d792_a028_13eee518c9d4["ReactFiberThrow.js"]
  2945bdb1_d075_d792_a028_13eee518c9d4 --> da68ece0_17b1_3c98_d393_5c830eacd9b2
  style da68ece0_17b1_3c98_d393_5c830eacd9b2 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
 */

/* eslint-disable react-internal/prod-error-codes */

import type {ReactElement} from 'shared/ReactElementType';
import type {Fiber, FiberRoot} from './ReactInternalTypes';
import type {ReactNodeList} from 'shared/ReactTypes';

import {
  flushSyncWork,
  scheduleUpdateOnFiber,
  flushPendingEffects,
} from './ReactFiberWorkLoop';
import {enqueueConcurrentRenderForLane} from './ReactFiberConcurrentUpdates';
import {updateContainerSync} from './ReactFiberReconciler';
import {emptyContextObject} from './ReactFiberLegacyContext';
import {SyncLane} from './ReactFiberLane';
import {
  ClassComponent,
  FunctionComponent,
  ForwardRef,
  MemoComponent,
  SimpleMemoComponent,
} from './ReactWorkTags';
import {
  REACT_FORWARD_REF_TYPE,
  REACT_MEMO_TYPE,
  REACT_LAZY_TYPE,
} from 'shared/ReactSymbols';

export type Family = {
  current: any,
};

export type RefreshUpdate = {
  staleFamilies: Set<Family>,
  updatedFamilies: Set<Family>,
};

// Resolves type to a family.
type RefreshHandler = any => Family | void;

// Used by React Refresh runtime through DevTools Global Hook.
export type SetRefreshHandler = (handler: RefreshHandler | null) => void;
export type ScheduleRefresh = (root: FiberRoot, update: RefreshUpdate) => void;
export type ScheduleRoot = (root: FiberRoot, element: ReactNodeList) => void;

let resolveFamily: RefreshHandler | null = null;
let failedBoundaries: WeakSet<Fiber> | null = null;

export const setRefreshHandler = (handler: RefreshHandler | null): void => {
  if (__DEV__) {
    resolveFamily = handler;
// ... (275 more lines)

Domain

Subdomains

Functions

Dependencies

Imported By

Source

Frequently Asked Questions

What does ReactFiberHotReloading.js do?
ReactFiberHotReloading.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 ReactFiberHotReloading.js?
ReactFiberHotReloading.js defines 9 function(s): RefreshHandler, ScheduleRefresh, ScheduleRoot, isCompatibleFamilyForHotReloading, markFailedErrorBoundaryForHotReloading, resolveClassForHotReloading, resolveForwardRefForHotReloading, resolveFunctionForHotReloading, setRefreshHandler.if.
What does ReactFiberHotReloading.js depend on?
ReactFiberHotReloading.js imports 10 module(s): ReactElementType, ReactFiberConcurrentUpdates.js, ReactFiberLane.js, ReactFiberLegacyContext.js, ReactFiberReconciler.js, ReactFiberWorkLoop.js, ReactInternalTypes.js, ReactSymbols, and 2 more.
What files import ReactFiberHotReloading.js?
ReactFiberHotReloading.js is imported by 5 file(s): ReactChildFiber.js, ReactFiber.js, ReactFiberBeginWork.js, ReactFiberReconciler.js, ReactFiberThrow.js.
Where is ReactFiberHotReloading.js in the architecture?
ReactFiberHotReloading.js is located at packages/react-reconciler/src/ReactFiberHotReloading.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