react Architecture Docs
Home / Class/ Outer Class — react Architecture

Outer Class — react Architecture

Architecture documentation for the Outer class in ReactLegacyUpdates-test.js from the react codebase.

Class javascript

Entity Profile

Dependency Diagram

graph TD
  82f4289d_c835_1d08_c59a_9213a78a729f["Outer"]
  57bbe153_3647_1eae_6c86_4e9ee333eae2["ReactLegacyUpdates-test.js"]
  82f4289d_c835_1d08_c59a_9213a78a729f -->|defined in| 57bbe153_3647_1eae_6c86_4e9ee333eae2
  098f6f06_cded_ddc2_da78_3b50613cc5b7["render()"]
  82f4289d_c835_1d08_c59a_9213a78a729f -->|method| 098f6f06_cded_ddc2_da78_3b50613cc5b7
  d2d2c14f_a37c_71a6_fbf4_9a9e6519ab27["componentDidUpdate()"]
  82f4289d_c835_1d08_c59a_9213a78a729f -->|method| d2d2c14f_a37c_71a6_fbf4_9a9e6519ab27

Relationship Graph

Source Code

packages/react-dom/src/__tests__/ReactLegacyUpdates-test.js lines 610–631

    class Outer extends React.Component {
      state = {x: 0};
      innerRef = React.createRef();

      render() {
        updates.push('Outer-render-' + this.state.x);
        return (
          <div>
            <Inner x={this.state.x} ref={this.innerRef} />
          </div>
        );
      }

      componentDidUpdate() {
        const x = this.state.x;
        updates.push('Outer-didUpdate-' + x);
        updates.push('Inner-setState-' + x);
        this.innerRef.current.setState({x: x}, function () {
          updates.push('Inner-callback-' + x);
        });
      }
    }

Defined In

Source

Frequently Asked Questions

What is the Outer class?
Outer is a class in the react codebase, defined in packages/react-dom/src/__tests__/ReactLegacyUpdates-test.js.
Where is Outer defined?
Outer is defined in packages/react-dom/src/__tests__/ReactLegacyUpdates-test.js at line 610.

Analyze Your Own Codebase

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

Try Supermodel Free