react Architecture Docs
Home / Class/ Connected Class — react Architecture

Connected Class — react Architecture

Architecture documentation for the Connected class in ReactExpiration-test.js from the react codebase.

Class javascript

Entity Profile

Dependency Diagram

graph TD
  416dca7d_b1fb_9b7a_4be1_e7f8f26d22be["Connected"]
  455fb89b_f12a_eed5_43f6_99ada7d979aa["ReactExpiration-test.js"]
  416dca7d_b1fb_9b7a_4be1_e7f8f26d22be -->|defined in| 455fb89b_f12a_eed5_43f6_99ada7d979aa
  2a04b468_c6e8_3ec9_8032_382c4b792f9b["componentDidMount()"]
  416dca7d_b1fb_9b7a_4be1_e7f8f26d22be -->|method| 2a04b468_c6e8_3ec9_8032_382c4b792f9b
  f428d404_d678_095b_fd85_620432a0d80f["componentDidUpdate()"]
  416dca7d_b1fb_9b7a_4be1_e7f8f26d22be -->|method| f428d404_d678_095b_fd85_620432a0d80f
  7b6175d9_3893_b82b_d3b5_1a62ee06f78d["render()"]
  416dca7d_b1fb_9b7a_4be1_e7f8f26d22be -->|method| 7b6175d9_3893_b82b_d3b5_1a62ee06f78d

Relationship Graph

Source Code

packages/react-reconciler/src/__tests__/ReactExpiration-test.js lines 263–276

    class Connected extends React.Component {
      state = {text: store.text};
      componentDidMount() {
        subscribers.push(this);
        Scheduler.log(`${this.state.text} [${this.props.label}] [commit]`);
      }
      componentDidUpdate() {
        Scheduler.log(`${this.state.text} [${this.props.label}] [commit]`);
      }
      render() {
        Scheduler.log(`${this.state.text} [${this.props.label}] [render]`);
        return <span prop={this.state.text} />;
      }
    }

Defined In

Source

Frequently Asked Questions

What is the Connected class?
Connected is a class in the react codebase, defined in packages/react-reconciler/src/__tests__/ReactExpiration-test.js.
Where is Connected defined?
Connected is defined in packages/react-reconciler/src/__tests__/ReactExpiration-test.js at line 263.

Analyze Your Own Codebase

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

Try Supermodel Free