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

Outer Class — react Architecture

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

Class javascript

Entity Profile

Dependency Diagram

graph TD
  38a183b6_5ce2_f604_3251_419066d80c6c["Outer"]
  a5334318_ba5d_d1e3_5be5_45cbc1076fcf["ReactComponentLifeCycle-test.js"]
  38a183b6_5ce2_f604_3251_419066d80c6c -->|defined in| a5334318_ba5d_d1e3_5be5_45cbc1076fcf
  80beeba7_2709_4419_4465_e9a61c1d122a["render()"]
  38a183b6_5ce2_f604_3251_419066d80c6c -->|method| 80beeba7_2709_4419_4465_e9a61c1d122a
  52241351_fa14_742c_ae6e_9f1b72f0ec03["getDerivedStateFromProps()"]
  38a183b6_5ce2_f604_3251_419066d80c6c -->|method| 52241351_fa14_742c_ae6e_9f1b72f0ec03

Relationship Graph

Source Code

packages/react-dom/src/__tests__/ReactComponentLifeCycle-test.js lines 455–472

    class Outer extends React.Component {
      UNSAFE_componentWillMount = logger('outer componentWillMount');
      componentDidMount = logger('outer componentDidMount');
      UNSAFE_componentWillReceiveProps = logger(
        'outer componentWillReceiveProps',
      );
      shouldComponentUpdate = logger('outer shouldComponentUpdate');
      UNSAFE_componentWillUpdate = logger('outer componentWillUpdate');
      componentDidUpdate = logger('outer componentDidUpdate');
      componentWillUnmount = logger('outer componentWillUnmount');
      render() {
        return (
          <div>
            <Inner x={this.props.x} />
          </div>
        );
      }
    }

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

Analyze Your Own Codebase

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

Try Supermodel Free