ReactFiberHydrationContext.js — react Source File

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

File javascript BabelCompiler Validation 16 imports 8 dependents 30 functions

Entity Profile

BabelCompiler→ Validation→ ReactFiberHydrationContext.js — react Source File

Dependency Diagram

graph LR
  4bc7109f_638d_d9f7_bf47_6ec55b2fa128["ReactFiberHydrationContext.js"]
  6b9f5caa_fb13_3d3c_2f60_ad3c4f58371f["ReactInternalTypes.js"]
  4bc7109f_638d_d9f7_bf47_6ec55b2fa128 --> 6b9f5caa_fb13_3d3c_2f60_ad3c4f58371f
  a6668d1d_397d_7807_719d_fdecf552fa4a["ReactFiberConfig.js"]
  4bc7109f_638d_d9f7_bf47_6ec55b2fa128 --> a6668d1d_397d_7807_719d_fdecf552fa4a
  6d56a395_c0fc_55d6_55fd_16373ba2eeee["ReactFiberActivityComponent.js"]
  4bc7109f_638d_d9f7_bf47_6ec55b2fa128 --> 6d56a395_c0fc_55d6_55fd_16373ba2eeee
  24334744_4c44_225b_6923_5be11133f949["ReactFiberSuspenseComponent.js"]
  4bc7109f_638d_d9f7_bf47_6ec55b2fa128 --> 24334744_4c44_225b_6923_5be11133f949
  bcb1d0d7_8aa0_fc08_efc9_136215e5b3a1["ReactFiberTreeContext.js"]
  4bc7109f_638d_d9f7_bf47_6ec55b2fa128 --> bcb1d0d7_8aa0_fc08_efc9_136215e5b3a1
  3c1744da_8f82_b464_9a56_73fd7302132b["ReactCapturedValue.js"]
  4bc7109f_638d_d9f7_bf47_6ec55b2fa128 --> 3c1744da_8f82_b464_9a56_73fd7302132b
  e98a87b8_beb4_9d09_4d2f_78427872f8a3["ReactFiberHydrationDiffs.js"]
  4bc7109f_638d_d9f7_bf47_6ec55b2fa128 --> e98a87b8_beb4_9d09_4d2f_78427872f8a3
  d3557f30_4fca_e30a_91c5_c23d4b8dba99["ReactWorkTags.js"]
  4bc7109f_638d_d9f7_bf47_6ec55b2fa128 --> d3557f30_4fca_e30a_91c5_c23d4b8dba99
  8a03468f_f6e2_d5a3_fdef_e77ebca449c2["ReactFiber.js"]
  4bc7109f_638d_d9f7_bf47_6ec55b2fa128 --> 8a03468f_f6e2_d5a3_fdef_e77ebca449c2
  768f6d67_77c1_be19_5596_a943eab59e05["ReactFiberLane.js"]
  4bc7109f_638d_d9f7_bf47_6ec55b2fa128 --> 768f6d67_77c1_be19_5596_a943eab59e05
  d73e9290_2d2e_5d3f_97dd_84929f205c77["ReactFiberWorkLoop.js"]
  4bc7109f_638d_d9f7_bf47_6ec55b2fa128 --> d73e9290_2d2e_5d3f_97dd_84929f205c77
  0d0aab7d_e6b3_4636_e6ae_2ed95f8e42d0["ReactFiberHostContext.js"]
  4bc7109f_638d_d9f7_bf47_6ec55b2fa128 --> 0d0aab7d_e6b3_4636_e6ae_2ed95f8e42d0
  caaf30b2_6e58_ce4e_f73c_baa2c3b083d0["getRootHostContainer"]
  4bc7109f_638d_d9f7_bf47_6ec55b2fa128 --> caaf30b2_6e58_ce4e_f73c_baa2c3b083d0
  950cf4f4_84e4_d7d6_01b0_f2c00f238dae["getHostContext"]
  4bc7109f_638d_d9f7_bf47_6ec55b2fa128 --> 950cf4f4_84e4_d7d6_01b0_f2c00f238dae
  style 4bc7109f_638d_d9f7_bf47_6ec55b2fa128 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 {Fiber} from './ReactInternalTypes';
import type {
  Instance,
  TextInstance,
  HydratableInstance,
  ActivityInstance,
  SuspenseInstance,
  Container,
  HostContext,
} from './ReactFiberConfig';
import type {ActivityState} from './ReactFiberActivityComponent';
import type {SuspenseState} from './ReactFiberSuspenseComponent';
import type {TreeContext} from './ReactFiberTreeContext';
import type {CapturedValue} from './ReactCapturedValue';
import type {HydrationDiffNode} from './ReactFiberHydrationDiffs';

import {
  HostComponent,
  HostSingleton,
  HostRoot,
  SuspenseComponent,
  ActivityComponent,
} from './ReactWorkTags';

import {createCapturedValueAtFiber} from './ReactCapturedValue';

import {createFiberFromDehydratedFragment} from './ReactFiber';
import {
  shouldSetTextContent,
  supportsHydration,
  supportsSingletons,
  getNextHydratableSibling,
  getNextHydratableSiblingAfterSingleton,
  getFirstHydratableChild,
  getFirstHydratableChildWithinContainer,
  getFirstHydratableChildWithinActivityInstance,
  getFirstHydratableChildWithinSuspenseInstance,
  getFirstHydratableChildWithinSingleton,
  hydrateInstance,
  diffHydratedPropsForDevWarnings,
  describeHydratableInstanceForDevWarnings,
  hydrateTextInstance,
  diffHydratedTextForDevWarnings,
  hydrateActivityInstance,
  hydrateSuspenseInstance,
  getNextHydratableInstanceAfterActivityInstance,
  getNextHydratableInstanceAfterSuspenseInstance,
  shouldDeleteUnhydratedTailInstances,
  resolveSingletonInstance,
  canHydrateInstance,
  canHydrateTextInstance,
// ... (898 more lines)

Domain

BabelCompiler

Subdomains

Validation

Functions

Dependencies

Imported By

Source

View on GitHub

Frequently Asked Questions

What does ReactFiberHydrationContext.js do?

ReactFiberHydrationContext.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 ReactFiberHydrationContext.js?

ReactFiberHydrationContext.js defines 30 function(s): buildHydrationDiffNode, claimHydratableSingleton, claimNextHydratableActivityInstance, claimNextHydratableSuspenseInstance, enterHydrationState, getIsHydrating, markDidThrowWhileHydratingDEV, popHydrationState, popHydrationStateOnInterruptedWork, popToNextHostParent, and 20 more.

What does ReactFiberHydrationContext.js depend on?

ReactFiberHydrationContext.js imports 16 module(s): ReactCapturedValue.js, ReactCurrentFiber.js, ReactFiber.js, ReactFiberActivityComponent.js, ReactFiberConfig.js, ReactFiberHostContext.js, ReactFiberHydrationDiffs.js, ReactFiberLane.js, and 8 more.

What files import ReactFiberHydrationContext.js?

ReactFiberHydrationContext.js is imported by 8 file(s): ReactChildFiber.js, ReactFiberBeginWork.js, ReactFiberCompleteWork.js, ReactFiberHooks.js, ReactFiberThrow.js, ReactFiberTreeContext.js, ReactFiberUnwindWork.js, ReactFiberWorkLoop.js.

Where is ReactFiberHydrationContext.js in the architecture?

ReactFiberHydrationContext.js is located at packages/react-reconciler/src/ReactFiberHydrationContext.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