Home / File/ ReactNativeFiberHostComponent.js — react Source File

ReactNativeFiberHostComponent.js — react Source File

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

File javascript BabelCompiler Validation 8 imports 1 dependents 1 classes

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

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