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

ReactChildFiber.js — react Source File

Architecture documentation for ReactChildFiber.js, a javascript file in the react codebase. 20 imports, 3 dependents.

File javascript BabelCompiler Validation 20 imports 3 dependents 6 functions

Entity Profile

Dependency Diagram

graph LR
  8a694f3e_c887_fb18_4515_e3e4488bb43e["ReactChildFiber.js"]
  6b9f5caa_fb13_3d3c_2f60_ad3c4f58371f["ReactInternalTypes.js"]
  8a694f3e_c887_fb18_4515_e3e4488bb43e --> 6b9f5caa_fb13_3d3c_2f60_ad3c4f58371f
  768f6d67_77c1_be19_5596_a943eab59e05["ReactFiberLane.js"]
  8a694f3e_c887_fb18_4515_e3e4488bb43e --> 768f6d67_77c1_be19_5596_a943eab59e05
  84b71fa6_312c_e7e3_dedb_27d6c638bf05["ReactFiberThenable.js"]
  8a694f3e_c887_fb18_4515_e3e4488bb43e --> 84b71fa6_312c_e7e3_dedb_27d6c638bf05
  6773f9a2_fdb7_4938_741f_4887273ad469["ReactFiberFlags.js"]
  8a694f3e_c887_fb18_4515_e3e4488bb43e --> 6773f9a2_fdb7_4938_741f_4887273ad469
  da3c54a1_3083_4820_c4b4_b893d0987ccb["ReactTypeOfMode.js"]
  8a694f3e_c887_fb18_4515_e3e4488bb43e --> da3c54a1_3083_4820_c4b4_b893d0987ccb
  d3557f30_4fca_e30a_91c5_c23d4b8dba99["ReactWorkTags.js"]
  8a694f3e_c887_fb18_4515_e3e4488bb43e --> d3557f30_4fca_e30a_91c5_c23d4b8dba99
  8a03468f_f6e2_d5a3_fdef_e77ebca449c2["ReactFiber.js"]
  8a694f3e_c887_fb18_4515_e3e4488bb43e --> 8a03468f_f6e2_d5a3_fdef_e77ebca449c2
  da68ece0_17b1_3c98_d393_5c830eacd9b2["ReactFiberHotReloading.js"]
  8a694f3e_c887_fb18_4515_e3e4488bb43e --> da68ece0_17b1_3c98_d393_5c830eacd9b2
  a0fe843c_1660_fd60_7942_2fc8992075f7["isCompatibleFamilyForHotReloading"]
  8a694f3e_c887_fb18_4515_e3e4488bb43e --> a0fe843c_1660_fd60_7942_2fc8992075f7
  4bc7109f_638d_d9f7_bf47_6ec55b2fa128["ReactFiberHydrationContext.js"]
  8a694f3e_c887_fb18_4515_e3e4488bb43e --> 4bc7109f_638d_d9f7_bf47_6ec55b2fa128
  dae8f65a_04a5_194b_7c97_c4819e519207["getIsHydrating"]
  8a694f3e_c887_fb18_4515_e3e4488bb43e --> dae8f65a_04a5_194b_7c97_c4819e519207
  bcb1d0d7_8aa0_fc08_efc9_136215e5b3a1["ReactFiberTreeContext.js"]
  8a694f3e_c887_fb18_4515_e3e4488bb43e --> bcb1d0d7_8aa0_fc08_efc9_136215e5b3a1
  278c890a_abdf_e007_0c26_ae3bc8eda908["ReactFiberNewContext.js"]
  8a694f3e_c887_fb18_4515_e3e4488bb43e --> 278c890a_abdf_e007_0c26_ae3bc8eda908
  c115f947_44f7_8d77_0323_1e260644c151["ReactCurrentFiber.js"]
  8a694f3e_c887_fb18_4515_e3e4488bb43e --> c115f947_44f7_8d77_0323_1e260644c151
  style 8a694f3e_c887_fb18_4515_e3e4488bb43e 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 {ReactElement} from 'shared/ReactElementType';
import type {
  ReactPortal,
  Thenable,
  ReactContext,
  ReactDebugInfo,
  ReactComponentInfo,
  SuspenseListRevealOrder,
  ReactKey,
  ReactOptimisticKey,
} from 'shared/ReactTypes';
import type {Fiber} from './ReactInternalTypes';
import type {Lanes} from './ReactFiberLane';
import type {ThenableState} from './ReactFiberThenable';

import getComponentNameFromFiber from 'react-reconciler/src/getComponentNameFromFiber';
import {
  Placement,
  ChildDeletion,
  Forked,
  PlacementDEV,
} from './ReactFiberFlags';
import {NoMode, ConcurrentMode} from './ReactTypeOfMode';
import {
  getIteratorFn,
  ASYNC_ITERATOR,
  REACT_ELEMENT_TYPE,
  REACT_FRAGMENT_TYPE,
  REACT_PORTAL_TYPE,
  REACT_LAZY_TYPE,
  REACT_CONTEXT_TYPE,
  REACT_LEGACY_ELEMENT_TYPE,
  REACT_OPTIMISTIC_KEY,
} from 'shared/ReactSymbols';
import {
  HostRoot,
  HostText,
  HostPortal,
  Fragment,
  FunctionComponent,
} from './ReactWorkTags';
import isArray from 'shared/isArray';
import {
  enableAsyncIterableChildren,
  disableLegacyMode,
  enableFragmentRefs,
  enableOptimisticKey,
} from 'shared/ReactFeatureFlags';

import {
  createWorkInProgress,
// ... (2193 more lines)

Domain

Subdomains

Functions

Dependencies

Imported By

Source

Frequently Asked Questions

What does ReactChildFiber.js do?
ReactChildFiber.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 ReactChildFiber.js?
ReactChildFiber.js defines 6 function(s): child, cloneChildFibers, resetChildFibers, resetChildReconcilerOnUnwind, validateSuspenseListChildren, validateSuspenseListNestedChild.
What does ReactChildFiber.js depend on?
ReactChildFiber.js imports 20 module(s): ReactCurrentFiber.js, ReactElementType, ReactFeatureFlags, ReactFiber.js, ReactFiberFlags.js, ReactFiberHotReloading.js, ReactFiberHydrationContext.js, ReactFiberLane.js, and 12 more.
What files import ReactChildFiber.js?
ReactChildFiber.js is imported by 3 file(s): ReactFiberBeginWork.js, ReactFiberCompleteWork.js, ReactFiberWorkLoop.js.
Where is ReactChildFiber.js in the architecture?
ReactChildFiber.js is located at packages/react-reconciler/src/ReactChildFiber.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