react Architecture Docs
Home / Class/ IntersectionObserver Class — react Architecture

IntersectionObserver Class — react Architecture

Architecture documentation for the IntersectionObserver class in IntersectionMocks.js from the react codebase.

Class javascript

Entity Profile

Dependency Diagram

graph TD
  5c8126e9_e06b_35fb_f997_94c5164051b9["IntersectionObserver"]
  401ac3c1_db64_239a_36cd_82c9b882e0ea["IntersectionMocks.js"]
  5c8126e9_e06b_35fb_f997_94c5164051b9 -->|defined in| 401ac3c1_db64_239a_36cd_82c9b882e0ea
  aafefa60_6c30_404f_534c_8b29ca93ac1d["constructor()"]
  5c8126e9_e06b_35fb_f997_94c5164051b9 -->|method| aafefa60_6c30_404f_534c_8b29ca93ac1d
  1446fe39_395f_601a_03d8_0feca29e71fe["disconnect()"]
  5c8126e9_e06b_35fb_f997_94c5164051b9 -->|method| 1446fe39_395f_601a_03d8_0feca29e71fe
  e6a27e34_3a04_c298_f963_3b62d507d530["observe()"]
  5c8126e9_e06b_35fb_f997_94c5164051b9 -->|method| e6a27e34_3a04_c298_f963_3b62d507d530
  3fc30c92_84d5_0ea3_bb64_354cf34d119d["unobserve()"]
  5c8126e9_e06b_35fb_f997_94c5164051b9 -->|method| 3fc30c92_84d5_0ea3_bb64_354cf34d119d

Relationship Graph

Source Code

packages/react-dom/src/__tests__/utils/IntersectionMocks.js lines 20–40

  class IntersectionObserver {
    constructor() {
      intersectionObserverMock.callback = arguments[0];
    }

    disconnect() {
      intersectionObserverMock.callback = null;
      intersectionObserverMock.observedTargets.splice(0);
    }

    observe(target) {
      intersectionObserverMock.observedTargets.push(target);
    }

    unobserve(target) {
      const index = intersectionObserverMock.observedTargets.indexOf(target);
      if (index >= 0) {
        intersectionObserverMock.observedTargets.splice(index, 1);
      }
    }
  }

Defined In

Source

Frequently Asked Questions

What is the IntersectionObserver class?
IntersectionObserver is a class in the react codebase, defined in packages/react-dom/src/__tests__/utils/IntersectionMocks.js.
Where is IntersectionObserver defined?
IntersectionObserver is defined in packages/react-dom/src/__tests__/utils/IntersectionMocks.js at line 20.

Analyze Your Own Codebase

Get architecture documentation, dependency graphs, and domain analysis for your codebase in minutes.

Try Supermodel Free