Home / Class/ Child Class — react Architecture

Child Class — react Architecture

Architecture documentation for the Child class in ReactDOMLegacyFiber-test.js from the react codebase.

Entity Profile

Dependency Diagram

graph TD
  2df69b42_33eb_dbfa_ade0_43b8e7eeee0b["Child"]
  1f6a8eab_26f4_3561_e973_074967d771ce["ReactDOMLegacyFiber-test.js"]
  2df69b42_33eb_dbfa_ade0_43b8e7eeee0b -->|defined in| 1f6a8eab_26f4_3561_e973_074967d771ce
  ffb5b0ad_dc0c_58ea_9ac4_9fea28030b8d["componentDidMount()"]
  2df69b42_33eb_dbfa_ade0_43b8e7eeee0b -->|method| ffb5b0ad_dc0c_58ea_9ac4_9fea28030b8d
  b7002430_983c_a5b7_8226_37034501ad61["componentDidUpdate()"]
  2df69b42_33eb_dbfa_ade0_43b8e7eeee0b -->|method| b7002430_983c_a5b7_8226_37034501ad61
  72d37497_5c10_4356_0d51_b3d354e246ad["componentWillUnmount()"]
  2df69b42_33eb_dbfa_ade0_43b8e7eeee0b -->|method| 72d37497_5c10_4356_0d51_b3d354e246ad
  56e1e2ca_cfc1_573d_5b25_252d70603aa4["render()"]
  2df69b42_33eb_dbfa_ade0_43b8e7eeee0b -->|method| 56e1e2ca_cfc1_573d_5b25_252d70603aa4

Relationship Graph

Source Code

packages/react-dom/src/__tests__/ReactDOMLegacyFiber-test.js lines 284–297

    class Child extends React.Component {
      componentDidMount() {
        ops.push(`${this.props.name} componentDidMount`);
      }
      componentDidUpdate() {
        ops.push(`${this.props.name} componentDidUpdate`);
      }
      componentWillUnmount() {
        ops.push(`${this.props.name} componentWillUnmount`);
      }
      render() {
        return <div>{this.props.name}</div>;
      }
    }

Frequently Asked Questions

What is the Child class?
Child is a class in the react codebase, defined in packages/react-dom/src/__tests__/ReactDOMLegacyFiber-test.js.
Where is Child defined?
Child is defined in packages/react-dom/src/__tests__/ReactDOMLegacyFiber-test.js at line 284.

Analyze Your Own Codebase

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

Try Supermodel Free