react Architecture Docs
Home / Class/ Component Class — react Architecture

Component Class — react Architecture

Architecture documentation for the Component class in ReactLegacyCompositeComponent-test.js from the react codebase.

Class javascript

Entity Profile

Dependency Diagram

graph TD
  a343935b_b0b2_e13b_d145_4a70d9ffe8c5["Component"]
  3b351a1f_faad_fff4_44c6_33b8718b45d0["ReactLegacyCompositeComponent-test.js"]
  a343935b_b0b2_e13b_d145_4a70d9ffe8c5 -->|defined in| 3b351a1f_faad_fff4_44c6_33b8718b45d0
  c6788f11_7246_8466_829b_51091385bcdc["render()"]
  a343935b_b0b2_e13b_d145_4a70d9ffe8c5 -->|method| c6788f11_7246_8466_829b_51091385bcdc
  6c6032ac_1436_d0a8_af28_06aa376c251f["UNSAFE_componentWillReceiveProps()"]
  a343935b_b0b2_e13b_d145_4a70d9ffe8c5 -->|method| 6c6032ac_1436_d0a8_af28_06aa376c251f
  bf1dc02f_ac13_fe94_49e6_af682f49d40f["componentDidMount()"]
  a343935b_b0b2_e13b_d145_4a70d9ffe8c5 -->|method| bf1dc02f_ac13_fe94_49e6_af682f49d40f
  cfbf823d_8b6d_beaf_62a0_a0fa123ebbfd["componentWillUnmount()"]
  a343935b_b0b2_e13b_d145_4a70d9ffe8c5 -->|method| cfbf823d_8b6d_beaf_62a0_a0fa123ebbfd

Relationship Graph

Source Code

packages/react-dom/src/__tests__/ReactLegacyCompositeComponent-test.js lines 41–52

    class Component extends React.Component {
      state = {value: 0};

      render() {
        renderPasses++;
        renderedState = this.state.value;
        if (this.state.value === 0) {
          this.setState({value: 1});
        }
        return <div />;
      }
    }

Defined In

Source

Frequently Asked Questions

What is the Component class?
Component is a class in the react codebase, defined in packages/react-dom/src/__tests__/ReactLegacyCompositeComponent-test.js.
Where is Component defined?
Component is defined in packages/react-dom/src/__tests__/ReactLegacyCompositeComponent-test.js at line 41.

Analyze Your Own Codebase

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

Try Supermodel Free