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

Component Class — react Architecture

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

Class javascript

Entity Profile

Dependency Diagram

graph TD
  518c92ad_245d_ba90_4b86_8c246f39bc59["Component"]
  2396fc90_0d2c_79c9_24e2_75a56919e12d["ReactDOMFiberAsync-test.js"]
  518c92ad_245d_ba90_4b86_8c246f39bc59 -->|defined in| 2396fc90_0d2c_79c9_24e2_75a56919e12d
  ef6c4c90_bf5d_fe48_54ae_d4db5ab292c1["componentDidMount()"]
  518c92ad_245d_ba90_4b86_8c246f39bc59 -->|method| ef6c4c90_bf5d_fe48_54ae_d4db5ab292c1
  31b766e4_3872_4fec_e1b5_e08e5d7033d5["push()"]
  518c92ad_245d_ba90_4b86_8c246f39bc59 -->|method| 31b766e4_3872_4fec_e1b5_e08e5d7033d5
  ba7d43a5_9ddf_050e_f17e_d75fd95cc8ac["componentDidUpdate()"]
  518c92ad_245d_ba90_4b86_8c246f39bc59 -->|method| ba7d43a5_9ddf_050e_f17e_d75fd95cc8ac
  88805b98_7019_2c5d_9d27_45acea88678e["render()"]
  518c92ad_245d_ba90_4b86_8c246f39bc59 -->|method| 88805b98_7019_2c5d_9d27_45acea88678e

Relationship Graph

Source Code

packages/react-dom/src/__tests__/ReactDOMFiberAsync-test.js lines 72–88

    class Component extends React.Component {
      state = {text: ''};
      componentDidMount() {
        instance = this;
      }

      push(val) {
        this.setState(state => ({text: state.text + val}));
      }
      componentDidUpdate() {
        ops.push(this.state.text);
      }
      render() {
        instance = this;
        return <span>{this.state.text}</span>;
      }
    }

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__/ReactDOMFiberAsync-test.js.
Where is Component defined?
Component is defined in packages/react-dom/src/__tests__/ReactDOMFiberAsync-test.js at line 72.

Analyze Your Own Codebase

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

Try Supermodel Free