markReactive() — react Function Reference

Architecture documentation for the markReactive() function in InferReactivePlaces.ts from the react codebase.

Function typescript BabelCompiler Validation calls 2 called by 1

Entity Profile

BabelCompiler→ Validation→ markReactive() — react Function Reference

Dependency Diagram

graph TD
  a9512b67_abe2_2599_90d7_8e0d1c81a618["markReactive()"]
  709db791_cb84_4ab6_9847_e4749adb938f["ReactivityMap"]
  a9512b67_abe2_2599_90d7_8e0d1c81a618 -->|defined in| 709db791_cb84_4ab6_9847_e4749adb938f
  fddc4da2_1151_8052_c771_8b67085ebeca["inferReactivePlaces()"]
  fddc4da2_1151_8052_c771_8b67085ebeca -->|calls| a9512b67_abe2_2599_90d7_8e0d1c81a618
  74efde51_a311_d84c_0e23_ddafd072e338["find()"]
  a9512b67_abe2_2599_90d7_8e0d1c81a618 -->|calls| 74efde51_a311_d84c_0e23_ddafd072e338
  d17d77ab_7e43_9266_e176_75b6266f6340["has()"]
  a9512b67_abe2_2599_90d7_8e0d1c81a618 -->|calls| d17d77ab_7e43_9266_e176_75b6266f6340
  style a9512b67_abe2_2599_90d7_8e0d1c81a618 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

compiler/packages/babel-plugin-react-compiler/src/Inference/InferReactivePlaces.ts lines 398–406

  markReactive(place: Place): void {
    place.reactive = true;
    const identifier =
      this.aliasedIdentifiers.find(place.identifier) ?? place.identifier;
    if (!this.reactive.has(identifier.id)) {
      this.hasChanges = true;
      this.reactive.add(identifier.id);
    }
  }