react Architecture Docs
Home / Class/ Foo Class — react Architecture

Foo Class — react Architecture

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

Class javascript

Entity Profile

Dependency Diagram

graph TD
  751c5289_8c41_4a92_08d1_992f8ae40a87["Foo"]
  e830a60d_4147_3606_7890_6db744e9073f["ReactIncremental-test.js"]
  751c5289_8c41_4a92_08d1_992f8ae40a87 -->|defined in| e830a60d_4147_3606_7890_6db744e9073f
  229ab8cf_a600_5be0_658e_078da814ed84["constructor()"]
  751c5289_8c41_4a92_08d1_992f8ae40a87 -->|method| 229ab8cf_a600_5be0_658e_078da814ed84
  3f0bd982_1417_6767_0f76_d1fc7c0b9594["render()"]
  751c5289_8c41_4a92_08d1_992f8ae40a87 -->|method| 3f0bd982_1417_6767_0f76_d1fc7c0b9594
  356cb9d6_d863_aa5c_2a99_b093440cea67["UNSAFE_componentWillMount()"]
  751c5289_8c41_4a92_08d1_992f8ae40a87 -->|method| 356cb9d6_d863_aa5c_2a99_b093440cea67
  d3025ff7_d610_0016_8949_5b41b745748b["UNSAFE_componentWillReceiveProps()"]
  751c5289_8c41_4a92_08d1_992f8ae40a87 -->|method| d3025ff7_d610_0016_8949_5b41b745748b
  e7e7478f_fd97_41c3_0ba8_926e3da6a668["componentDidMount()"]
  751c5289_8c41_4a92_08d1_992f8ae40a87 -->|method| e7e7478f_fd97_41c3_0ba8_926e3da6a668
  8d3f5e4e_a237_8ec8_58a3_00b4c8f18258["UNSAFE_componentWillUpdate()"]
  751c5289_8c41_4a92_08d1_992f8ae40a87 -->|method| 8d3f5e4e_a237_8ec8_58a3_00b4c8f18258
  9917be21_40c1_74a0_a85d_f995ec7995df["componentDidUpdate()"]
  751c5289_8c41_4a92_08d1_992f8ae40a87 -->|method| 9917be21_40c1_74a0_a85d_f995ec7995df
  092aa172_33cb_2484_a6c5_55b8250110e6["shouldComponentUpdate()"]
  751c5289_8c41_4a92_08d1_992f8ae40a87 -->|method| 092aa172_33cb_2484_a6c5_55b8250110e6

Relationship Graph

Source Code

packages/react-reconciler/src/__tests__/ReactIncremental-test.js lines 194–211

    class Foo extends React.Component {
      constructor(props) {
        super(props);
        this.state = {
          text: 'foo',
          text2: 'foo',
        };
        inst = this;
      }
      render() {
        return (
          <div>
            <div>{this.state.text}</div>
            <div>{this.state.text2}</div>
          </div>
        );
      }
    }

Defined In

Source

Frequently Asked Questions

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

Analyze Your Own Codebase

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

Try Supermodel Free