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

ReactFiberConfigNative.js — react Source File

Architecture documentation for ReactFiberConfigNative.js, a javascript file in the react codebase. 18 imports, 1 dependents.

File javascript BabelCompiler Validation 18 imports 1 dependents 50 functions

Entity Profile

Dependency Diagram

graph LR
  3d20f780_732d_dfbf_ddf9_cb13ba9949a1["ReactFiberConfigNative.js"]
  24686b4c_3c4b_6fa0_b125_37d3286a1ff4["ReactNativeTypes.js"]
  3d20f780_732d_dfbf_ddf9_cb13ba9949a1 --> 24686b4c_3c4b_6fa0_b125_37d3286a1ff4
  3429d3f6_3e01_954f_bb31_157d6bedf858["ReactNativeAttributePayload.js"]
  3d20f780_732d_dfbf_ddf9_cb13ba9949a1 --> 3429d3f6_3e01_954f_bb31_157d6bedf858
  bec3abea_7097_f40d_dbc4_4882f834646a["create"]
  3d20f780_732d_dfbf_ddf9_cb13ba9949a1 --> bec3abea_7097_f40d_dbc4_4882f834646a
  42fc5fbd_4eb6_9b1e_14bf_cd6b0d814927["diff"]
  3d20f780_732d_dfbf_ddf9_cb13ba9949a1 --> 42fc5fbd_4eb6_9b1e_14bf_cd6b0d814927
  6558eedc_539e_2a0a_77c0_574f399b3f4a["ReactNativeComponentTree.js"]
  3d20f780_732d_dfbf_ddf9_cb13ba9949a1 --> 6558eedc_539e_2a0a_77c0_574f399b3f4a
  e451812a_c68a_0eaa_e8e4_e629eaa39bcc["precacheFiberNode"]
  3d20f780_732d_dfbf_ddf9_cb13ba9949a1 --> e451812a_c68a_0eaa_e8e4_e629eaa39bcc
  dd935df5_0ac0_3686_91fb_59d571824b49["uncacheFiberNode"]
  3d20f780_732d_dfbf_ddf9_cb13ba9949a1 --> dd935df5_0ac0_3686_91fb_59d571824b49
  a3af4076_63d3_1b05_7bec_4cd508947abf["updateFiberProps"]
  3d20f780_732d_dfbf_ddf9_cb13ba9949a1 --> a3af4076_63d3_1b05_7bec_4cd508947abf
  f6a368ec_c652_2004_0c12_4c53a053a27c["ReactNativeFiberHostComponent.js"]
  3d20f780_732d_dfbf_ddf9_cb13ba9949a1 --> f6a368ec_c652_2004_0c12_4c53a053a27c
  79807c7b_c355_e77c_6f21_0099c356bcec["ReactNativeFiberHostComponent"]
  3d20f780_732d_dfbf_ddf9_cb13ba9949a1 --> 79807c7b_c355_e77c_6f21_0099c356bcec
  b96e6f5e_b1ed_ae54_d2fa_ae1632468aa8["ReactNativeFiberInspector.js"]
  3d20f780_732d_dfbf_ddf9_cb13ba9949a1 --> b96e6f5e_b1ed_ae54_d2fa_ae1632468aa8
  76faa448_9fd8_5bef_16ff_7129054308ac["ReactTransitionType"]
  3d20f780_732d_dfbf_ddf9_cb13ba9949a1 --> 76faa448_9fd8_5bef_16ff_7129054308ac
  94a68304_3047_524d_e604_af34f5a80eaf["ReactNativePrivateInterface"]
  3d20f780_732d_dfbf_ddf9_cb13ba9949a1 --> 94a68304_3047_524d_e604_af34f5a80eaf
  ee448c5a_bbb1_876b_443a_d70daee16237["ReactEventPriorities"]
  3d20f780_732d_dfbf_ddf9_cb13ba9949a1 --> ee448c5a_bbb1_876b_443a_d70daee16237
  style 3d20f780_732d_dfbf_ddf9_cb13ba9949a1 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 {InspectorData, TouchedViewDataAtPoint} from './ReactNativeTypes';
import type {TransitionTypes} from 'react/src/ReactTransitionType';

// Modules provided by RN:
import {
  ReactNativeViewConfigRegistry,
  UIManager,
  deepFreezeAndThrowOnMutationInDev,
  createPublicInstance,
  type PublicRootInstance,
} from 'react-native/Libraries/ReactPrivate/ReactNativePrivateInterface';

import {create, diff} from './ReactNativeAttributePayload';
import {
  precacheFiberNode,
  uncacheFiberNode,
  updateFiberProps,
  getClosestInstanceFromNode,
} from './ReactNativeComponentTree';
import ReactNativeFiberHostComponent from './ReactNativeFiberHostComponent';

import {
  DefaultEventPriority,
  NoEventPriority,
  type EventPriority,
} from 'react-reconciler/src/ReactEventPriorities';
import type {Fiber} from 'react-reconciler/src/ReactInternalTypes';

import {enableProfilerTimer} from 'shared/ReactFeatureFlags';

import {REACT_CONTEXT_TYPE} from 'shared/ReactSymbols';
import type {ReactContext} from 'shared/ReactTypes';

import {
  getInspectorDataForViewTag,
  getInspectorDataForViewAtPoint,
  getInspectorDataForInstance,
} from './ReactNativeFiberInspector';

export {default as rendererVersion} from 'shared/ReactVersion'; // TODO: Consider exporting the react-native version.
export const rendererPackageName = 'react-native-renderer';
export const extraDevToolsConfig = {
  getInspectorDataForInstance,
  getInspectorDataForViewTag,
  getInspectorDataForViewAtPoint,
};

const {get: getViewConfigForType} = ReactNativeViewConfigRegistry;

export type Type = string;
export type Props = Object;
// ... (785 more lines)

Domain

Subdomains

Functions

Dependencies

Imported By

Source

Frequently Asked Questions

What does ReactFiberConfigNative.js do?
ReactFiberConfigNative.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 ReactFiberConfigNative.js?
ReactFiberConfigNative.js defines 50 function(s): RendererInspectionConfig.callback, RendererInspectionConfig.getInspectorDataForViewTag, allocateTag, appendChild, appendChildToContainer, appendInitialChild, applyViewTransitionName, cancelRootViewTransitionName, cancelViewTransitionName, cloneMutableInstance, and 40 more.
What does ReactFiberConfigNative.js depend on?
ReactFiberConfigNative.js imports 18 module(s): ReactEventPriorities, ReactFeatureFlags, ReactInternalTypes, ReactNativeAttributePayload.js, ReactNativeComponentTree.js, ReactNativeFiberHostComponent, ReactNativeFiberHostComponent.js, ReactNativeFiberInspector.js, and 10 more.
What files import ReactFiberConfigNative.js?
ReactFiberConfigNative.js is imported by 1 file(s): ReactNativeFiberHostComponent.js.
Where is ReactFiberConfigNative.js in the architecture?
ReactFiberConfigNative.js is located at packages/react-native-renderer/src/ReactFiberConfigNative.js (domain: BabelCompiler, subdomain: Validation, directory: packages/react-native-renderer/src).

Analyze Your Own Codebase

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

Try Supermodel Free