react Architecture Docs
Home / Class/ App Class — react Architecture

App Class — react Architecture

Architecture documentation for the App class in ReactDOMSuspensePlaceholder-test.js from the react codebase.

Class javascript

Entity Profile

Dependency Diagram

graph TD
  c4c8d121_1ddc_e50d_631d_752c5a7d868f["App"]
  f45f8e2d_4005_1ab8_a6e5_4c55507b6167["ReactDOMSuspensePlaceholder-test.js"]
  c4c8d121_1ddc_e50d_631d_752c5a7d868f -->|defined in| f45f8e2d_4005_1ab8_a6e5_4c55507b6167
  2633d235_b42c_2215_04d5_3f6c6bd4c471["render()"]
  c4c8d121_1ddc_e50d_631d_752c5a7d868f -->|method| 2633d235_b42c_2215_04d5_3f6c6bd4c471

Relationship Graph

Source Code

packages/react-dom/src/__tests__/ReactDOMSuspensePlaceholder-test.js lines 264–283

    class App extends React.Component {
      state = {
        suspend: false,
      };
      handleClick = () => {
        this.setState({suspend: true});
      };
      render() {
        return (
          <React.Suspense fallback="Loading">
            <Child id="first" />
            <button ref={buttonRef} onClick={this.handleClick}>
              Suspend
            </button>
            <Child id="second" />
            {this.state.suspend && <Lazy />}
          </React.Suspense>
        );
      }
    }

Defined In

Source

Frequently Asked Questions

What is the App class?
App is a class in the react codebase, defined in packages/react-dom/src/__tests__/ReactDOMSuspensePlaceholder-test.js.
Where is App defined?
App is defined in packages/react-dom/src/__tests__/ReactDOMSuspensePlaceholder-test.js at line 264.

Analyze Your Own Codebase

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

Try Supermodel Free