react Architecture Docs
Home / Class/ AboutSection Class — react Architecture

AboutSection Class — react Architecture

Architecture documentation for the AboutSection class in Greeting.js from the react codebase.

Class javascript BabelCompiler

Entity Profile

Dependency Diagram

graph TD
  3918ca30_fcfb_5385_45cb_422d953050ff["AboutSection"]
  a6a6a8e0_8122_7056_d5f1_e0953f56c3c9["Greeting.js"]
  3918ca30_fcfb_5385_45cb_422d953050ff -->|defined in| a6a6a8e0_8122_7056_d5f1_e0953f56c3c9
  3c7cddaf_e6f7_3584_529e_7f0293aa2c7a["componentDidMount()"]
  3918ca30_fcfb_5385_45cb_422d953050ff -->|method| 3c7cddaf_e6f7_3584_529e_7f0293aa2c7a
  a5f7f5bd_b7d4_8958_9f1b_a948cb69cfd6["render()"]
  3918ca30_fcfb_5385_45cb_422d953050ff -->|method| a5f7f5bd_b7d4_8958_9f1b_a948cb69cfd6

Relationship Graph

Source Code

fixtures/nesting/src/legacy/Greeting.js lines 15–45

class AboutSection extends Component {
  componentDidMount() {
    // The modern app is wrapped in StrictMode,
    // but the legacy bits can still use old APIs.
    findDOMNode(this);
  }
  render() {
    return (
      <ThemeContext.Consumer>
        {theme => (
          <div style={{border: '1px dashed black', padding: 20}}>
            <h3>src/legacy/Greeting.js</h3>
            <h4 style={{color: theme}}>
              This component is rendered by the nested React ({React.version}).
            </h4>
            <Clock />
            <p>
              Counter: {this.props.counter}{' '}
              <button onClick={() => this.props.dispatch({type: 'increment'})}>
                +
              </button>
            </p>
            <b>
              <Link to="/">Go to Home</Link>
            </b>
          </div>
        )}
      </ThemeContext.Consumer>
    );
  }
}

Domain

Defined In

Source

Frequently Asked Questions

What is the AboutSection class?
AboutSection is a class in the react codebase, defined in fixtures/nesting/src/legacy/Greeting.js.
Where is AboutSection defined?
AboutSection is defined in fixtures/nesting/src/legacy/Greeting.js at line 15.

Analyze Your Own Codebase

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

Try Supermodel Free