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

ReactNativeTypes.js — react Source File

Architecture documentation for ReactNativeTypes.js, a javascript file in the react codebase. 2 imports, 12 dependents.

File javascript BabelCompiler Validation 2 imports 12 dependents 1 functions

Entity Profile

Dependency Diagram

graph LR
  24686b4c_3c4b_6fa0_b125_37d3286a1ff4["ReactNativeTypes.js"]
  49fea317_8951_7b1e_f92e_9f6e269cab89["react-native"]
  24686b4c_3c4b_6fa0_b125_37d3286a1ff4 --> 49fea317_8951_7b1e_f92e_9f6e269cab89
  ac587885_e294_a1e9_b13f_5e7b920fdb42["react"]
  24686b4c_3c4b_6fa0_b125_37d3286a1ff4 --> ac587885_e294_a1e9_b13f_5e7b920fdb42
  5299c77d_c743_6c1c_78bd_0e0b2f712ec5["fabric.js"]
  5299c77d_c743_6c1c_78bd_0e0b2f712ec5 --> 24686b4c_3c4b_6fa0_b125_37d3286a1ff4
  0038a2aa_2987_8341_0efc_f77488aef8b2["index.js"]
  0038a2aa_2987_8341_0efc_f77488aef8b2 --> 24686b4c_3c4b_6fa0_b125_37d3286a1ff4
  c3cad15d_c9da_151e_b05e_05fb765a0a1d["ReactFabric.js"]
  c3cad15d_c9da_151e_b05e_05fb765a0a1d --> 24686b4c_3c4b_6fa0_b125_37d3286a1ff4
  948a0d34_693c_c158_f23e_d41306507c72["ReactFiberConfigFabric.js"]
  948a0d34_693c_c158_f23e_d41306507c72 --> 24686b4c_3c4b_6fa0_b125_37d3286a1ff4
  3d20f780_732d_dfbf_ddf9_cb13ba9949a1["ReactFiberConfigNative.js"]
  3d20f780_732d_dfbf_ddf9_cb13ba9949a1 --> 24686b4c_3c4b_6fa0_b125_37d3286a1ff4
  3429d3f6_3e01_954f_bb31_157d6bedf858["ReactNativeAttributePayload.js"]
  3429d3f6_3e01_954f_bb31_157d6bedf858 --> 24686b4c_3c4b_6fa0_b125_37d3286a1ff4
  f6a368ec_c652_2004_0c12_4c53a053a27c["ReactNativeFiberHostComponent.js"]
  f6a368ec_c652_2004_0c12_4c53a053a27c --> 24686b4c_3c4b_6fa0_b125_37d3286a1ff4
  b96e6f5e_b1ed_ae54_d2fa_ae1632468aa8["ReactNativeFiberInspector.js"]
  b96e6f5e_b1ed_ae54_d2fa_ae1632468aa8 --> 24686b4c_3c4b_6fa0_b125_37d3286a1ff4
  c8cde18a_a62b_2ad5_9e88_a5d655a07f02["ReactNativePublicCompat.js"]
  c8cde18a_a62b_2ad5_9e88_a5d655a07f02 --> 24686b4c_3c4b_6fa0_b125_37d3286a1ff4
  05ccf719_9df5_4e38_01ba_8eadf09bacc1["ReactNativeRenderer.js"]
  05ccf719_9df5_4e38_01ba_8eadf09bacc1 --> 24686b4c_3c4b_6fa0_b125_37d3286a1ff4
  149718f1_0770_f9ad_4f75_7536438fa9c9["createAttributePayload.js"]
  149718f1_0770_f9ad_4f75_7536438fa9c9 --> 24686b4c_3c4b_6fa0_b125_37d3286a1ff4
  829c86ab_8869_c64b_48b1_20ee575054de["diffAttributePayloads.js"]
  829c86ab_8869_c64b_48b1_20ee575054de --> 24686b4c_3c4b_6fa0_b125_37d3286a1ff4
  style 24686b4c_3c4b_6fa0_b125_37d3286a1ff4 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.
 *
 * @noformat
 * @nolint
 * @flow strict
 */

import type {
  // $FlowFixMe[nonstrict-import] TODO(@rubennorte)
  HostInstance as PublicInstance,
  // $FlowFixMe[nonstrict-import] TODO(@rubennorte)
  MeasureOnSuccessCallback,
  // $FlowFixMe[nonstrict-import] TODO(@rubennorte)
  PublicRootInstance,
  // $FlowFixMe[nonstrict-import] TODO(@rubennorte)
  PublicTextInstance,
} from 'react-native';

import * as React from 'react';

export type AttributeType<T, V> =
  | true
  | $ReadOnly<{
      diff?: (arg1: T, arg2: T) => boolean,
      process?: (arg1: V) => T,
    }>;

// We either force that `diff` and `process` always use mixed,
// or we allow them to define specific types and use this hack
export type AnyAttributeType = AttributeType<$FlowFixMe, $FlowFixMe>;

export type AttributeConfiguration = $ReadOnly<{
  [propName: string]: AnyAttributeType | void,
  style?: $ReadOnly<{
    [propName: string]: AnyAttributeType,
    ...
  }>,
  ...
}>;

export type ViewConfig = $ReadOnly<{
  Commands?: $ReadOnly<{[commandName: string]: number, ...}>,
  Constants?: $ReadOnly<{[name: string]: mixed, ...}>,
  Manager?: string,
  NativeProps?: $ReadOnly<{[propName: string]: string, ...}>,
  baseModuleName?: ?string,
  bubblingEventTypes?: $ReadOnly<{
    [eventName: string]: $ReadOnly<{
      phasedRegistrationNames: $ReadOnly<{
        captured: string,
        bubbled: string,
        skipBubbling?: ?boolean,
      }>,
    }>,
    ...
  }>,
// ... (198 more lines)

Domain

Subdomains

Functions

Dependencies

  • react
  • react-native

Imported By

Source

Frequently Asked Questions

What does ReactNativeTypes.js do?
ReactNativeTypes.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 ReactNativeTypes.js?
ReactNativeTypes.js defines 1 function(s): ReactFabricType.callback.
What does ReactNativeTypes.js depend on?
ReactNativeTypes.js imports 2 module(s): react, react-native.
What files import ReactNativeTypes.js?
ReactNativeTypes.js is imported by 12 file(s): ReactFabric.js, ReactFiberConfigFabric.js, ReactFiberConfigNative.js, ReactNativeAttributePayload.js, ReactNativeFiberHostComponent.js, ReactNativeFiberInspector.js, ReactNativePublicCompat.js, ReactNativeRenderer.js, and 4 more.
Where is ReactNativeTypes.js in the architecture?
ReactNativeTypes.js is located at packages/react-native-renderer/src/ReactNativeTypes.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