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

Foo Class — react Architecture

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

Class javascript

Entity Profile

Dependency Diagram

graph TD
  1ada1f6b_e92e_dd6d_78d1_ed184d5cef75["Foo"]
  57bbe153_3647_1eae_6c86_4e9ee333eae2["ReactLegacyUpdates-test.js"]
  1ada1f6b_e92e_dd6d_78d1_ed184d5cef75 -->|defined in| 57bbe153_3647_1eae_6c86_4e9ee333eae2
  1b215701_3410_900d_88b9_adb7322d0738["UNSAFE_componentWillUpdate()"]
  1ada1f6b_e92e_dd6d_78d1_ed184d5cef75 -->|method| 1b215701_3410_900d_88b9_adb7322d0738
  c5fa70ce_e002_243b_655b_8f95892a05d9["componentDidUpdate()"]
  1ada1f6b_e92e_dd6d_78d1_ed184d5cef75 -->|method| c5fa70ce_e002_243b_655b_8f95892a05d9
  1139727f_ff72_2c02_cad7_2f980e6bde22["render()"]
  1ada1f6b_e92e_dd6d_78d1_ed184d5cef75 -->|method| 1139727f_ff72_2c02_cad7_2f980e6bde22
  13a9b0a5_046d_c623_5c46_ebf4b496eb95["componentDidMount()"]
  1ada1f6b_e92e_dd6d_78d1_ed184d5cef75 -->|method| 13a9b0a5_046d_c623_5c46_ebf4b496eb95

Relationship Graph

Source Code

packages/react-dom/src/__tests__/ReactLegacyUpdates-test.js lines 1188–1205

      class Foo extends React.Component {
        state = {a: false, b: false};
        UNSAFE_componentWillUpdate(_, nextState) {
          if (!nextState.a) {
            this.setState({a: true});
          }
        }
        componentDidUpdate() {
          ops.push('Foo updated');
          if (!this.state.b) {
            this.setState({b: true});
          }
        }
        render() {
          ops.push(`a: ${this.state.a}, b: ${this.state.b}`);
          return null;
        }
      }

Defined In

Source

Frequently Asked Questions

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

Analyze Your Own Codebase

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

Try Supermodel Free