ReactNativeFiberHostComponent.js — react Source File
Architecture documentation for ReactNativeFiberHostComponent.js, a javascript file in the react codebase. 8 imports, 1 dependents.
Entity Profile
Dependency Diagram
graph LR f6a368ec_c652_2004_0c12_4c53a053a27c["ReactNativeFiberHostComponent.js"] 24686b4c_3c4b_6fa0_b125_37d3286a1ff4["ReactNativeTypes.js"] f6a368ec_c652_2004_0c12_4c53a053a27c --> 24686b4c_3c4b_6fa0_b125_37d3286a1ff4 3d20f780_732d_dfbf_ddf9_cb13ba9949a1["ReactFiberConfigNative.js"] f6a368ec_c652_2004_0c12_4c53a053a27c --> 3d20f780_732d_dfbf_ddf9_cb13ba9949a1 3429d3f6_3e01_954f_bb31_157d6bedf858["ReactNativeAttributePayload.js"] f6a368ec_c652_2004_0c12_4c53a053a27c --> 3429d3f6_3e01_954f_bb31_157d6bedf858 bec3abea_7097_f40d_dbc4_4882f834646a["create"] f6a368ec_c652_2004_0c12_4c53a053a27c --> bec3abea_7097_f40d_dbc4_4882f834646a 78f5be05_fc7e_f09a_e92e_c046356e87a8["NativeMethodsMixinUtils.js"] f6a368ec_c652_2004_0c12_4c53a053a27c --> 78f5be05_fc7e_f09a_e92e_c046356e87a8 dc587c00_336f_7aab_76ee_641b333ed07b["mountSafeCallback_NOT_REALLY_SAFE"] f6a368ec_c652_2004_0c12_4c53a053a27c --> dc587c00_336f_7aab_76ee_641b333ed07b 2fc8cb95_506c_2307_15e7_dcf60b7cf9c2["warnForStyleProps"] f6a368ec_c652_2004_0c12_4c53a053a27c --> 2fc8cb95_506c_2307_15e7_dcf60b7cf9c2 94a68304_3047_524d_e604_af34f5a80eaf["ReactNativePrivateInterface"] f6a368ec_c652_2004_0c12_4c53a053a27c --> 94a68304_3047_524d_e604_af34f5a80eaf 3d20f780_732d_dfbf_ddf9_cb13ba9949a1["ReactFiberConfigNative.js"] 3d20f780_732d_dfbf_ddf9_cb13ba9949a1 --> f6a368ec_c652_2004_0c12_4c53a053a27c style f6a368ec_c652_2004_0c12_4c53a053a27c 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 {ViewConfig} from './ReactNativeTypes';
import type {
LegacyPublicInstance,
MeasureOnSuccessCallback,
MeasureInWindowOnSuccessCallback,
MeasureLayoutOnSuccessCallback,
} from 'react-native/Libraries/ReactPrivate/ReactNativePrivateInterface';
import type {Instance} from './ReactFiberConfigNative';
// Modules provided by RN:
import {
TextInputState,
UIManager,
} from 'react-native/Libraries/ReactPrivate/ReactNativePrivateInterface';
import {create} from './ReactNativeAttributePayload';
import {
mountSafeCallback_NOT_REALLY_SAFE,
warnForStyleProps,
} from './NativeMethodsMixinUtils';
class ReactNativeFiberHostComponent implements LegacyPublicInstance {
_children: Array<Instance | number>;
_nativeTag: number;
_internalFiberInstanceHandleDEV: Object;
viewConfig: ViewConfig;
constructor(
tag: number,
viewConfig: ViewConfig,
internalInstanceHandleDEV: Object,
) {
this._nativeTag = tag;
this._children = [];
this.viewConfig = viewConfig;
if (__DEV__) {
this._internalFiberInstanceHandleDEV = internalInstanceHandleDEV;
}
}
blur() {
TextInputState.blurTextInput(this);
}
focus() {
TextInputState.focusTextInput(this);
}
measure(callback: MeasureOnSuccessCallback) {
UIManager.measure(
this._nativeTag,
// ... (69 more lines)
Domain
Subdomains
Classes
Dependencies
Source
Frequently Asked Questions
What does ReactNativeFiberHostComponent.js do?
ReactNativeFiberHostComponent.js is a source file in the react codebase, written in javascript. It belongs to the BabelCompiler domain, Validation subdomain.
What does ReactNativeFiberHostComponent.js depend on?
ReactNativeFiberHostComponent.js imports 8 module(s): NativeMethodsMixinUtils.js, ReactFiberConfigNative.js, ReactNativeAttributePayload.js, ReactNativePrivateInterface, ReactNativeTypes.js, create, mountSafeCallback_NOT_REALLY_SAFE, warnForStyleProps.
What files import ReactNativeFiberHostComponent.js?
ReactNativeFiberHostComponent.js is imported by 1 file(s): ReactFiberConfigNative.js.
Where is ReactNativeFiberHostComponent.js in the architecture?
ReactNativeFiberHostComponent.js is located at packages/react-native-renderer/src/ReactNativeFiberHostComponent.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