Home / Class/ Foo Class — react Architecture

Foo Class — react Architecture

Architecture documentation for the Foo class in ReactIncrementalErrorLogging-test.js from the react codebase.

Entity Profile

Dependency Diagram

graph TD
  25d9a918_0359_e7d8_93be_3cf318513c66["Foo"]
  9b756b35_cac1_dcbc_6ecb_a7b4aa093e43["ReactIncrementalErrorLogging-test.js"]
  25d9a918_0359_e7d8_93be_3cf318513c66 -->|defined in| 9b756b35_cac1_dcbc_6ecb_a7b4aa093e43
  cc5e4b9a_a96f_95f8_062d_3e276568972e["componentDidMount()"]
  25d9a918_0359_e7d8_93be_3cf318513c66 -->|method| cc5e4b9a_a96f_95f8_062d_3e276568972e
  ef49eac2_50f9_2543_59d4_a400ffe7df0e["componentWillUnmount()"]
  25d9a918_0359_e7d8_93be_3cf318513c66 -->|method| ef49eac2_50f9_2543_59d4_a400ffe7df0e
  ae569e35_1ea8_9f89_434c_1197bcf14083["render()"]
  25d9a918_0359_e7d8_93be_3cf318513c66 -->|method| ae569e35_1ea8_9f89_434c_1197bcf14083

Relationship Graph

Source Code

packages/react-reconciler/src/__tests__/ReactIncrementalErrorLogging-test.js lines 226–241

    class Foo extends React.Component {
      state = {step: 0};
      componentDidMount() {
        this.setState({step: 1});
      }
      componentWillUnmount() {
        Scheduler.log('componentWillUnmount: ' + this.state.step);
      }
      render() {
        Scheduler.log('render: ' + this.state.step);
        if (this.state.step > 0) {
          throw new Error('oops');
        }
        return null;
      }
    }

Frequently Asked Questions

What is the Foo class?
Foo is a class in the react codebase, defined in packages/react-reconciler/src/__tests__/ReactIncrementalErrorLogging-test.js.
Where is Foo defined?
Foo is defined in packages/react-reconciler/src/__tests__/ReactIncrementalErrorLogging-test.js at line 226.

Analyze Your Own Codebase

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

Try Supermodel Free