createInstance() — react Function Reference

Architecture documentation for the createInstance() function in ReactFiberConfigFabric.js from the react codebase.

Function javascript BabelCompiler Validation called by 1

Entity Profile

BabelCompiler→ Validation→ createInstance() — react Function Reference

Dependency Diagram

graph TD
  942c086b_b77b_d690_7a2f_9685b5420d97["createInstance()"]
  948a0d34_693c_c158_f23e_d41306507c72["ReactFiberConfigFabric.js"]
  942c086b_b77b_d690_7a2f_9685b5420d97 -->|defined in| 948a0d34_693c_c158_f23e_d41306507c72
  1c8d8ff6_50b9_46c4_953b_db215a40f279["shouldSetTextContent()"]
  1c8d8ff6_50b9_46c4_953b_db215a40f279 -->|calls| 942c086b_b77b_d690_7a2f_9685b5420d97
  style 942c086b_b77b_d690_7a2f_9685b5420d97 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/react-native-renderer/src/ReactFiberConfigFabric.js lines 176–220

export function createInstance(
  type: string,
  props: Props,
  rootContainerInstance: Container,
  hostContext: HostContext,
  internalInstanceHandle: InternalInstanceHandle,
): Instance {
  const tag = nextReactTag;
  nextReactTag += 2;

  const viewConfig = getViewConfigForType(type);

  if (__DEV__) {
    for (const key in viewConfig.validAttributes) {
      if (props.hasOwnProperty(key)) {
        deepFreezeAndThrowOnMutationInDev(props[key]);
      }
    }
  }

  const updatePayload = createAttributePayload(
    props,
    viewConfig.validAttributes,
  );

  const node = createNode(
    tag, // reactTag
    viewConfig.uiViewClassName, // viewName
    rootContainerInstance.containerTag, // rootTag
    updatePayload, // props
    internalInstanceHandle, // internalInstanceHandle
  );

  return {
    node: node,
    canonical: {
      nativeTag: tag,
      viewConfig,
      currentProps: props,
      internalInstanceHandle,
      publicInstance: null,
      publicRootInstance: rootContainerInstance.publicInstance,
    },
  };
}