react Architecture Docs
Home / Class/ AsyncTextWithLifecycle Class — react Architecture

AsyncTextWithLifecycle Class — react Architecture

Architecture documentation for the AsyncTextWithLifecycle class in ReactSuspense-test.internal.js from the react codebase.

Class javascript

Entity Profile

Dependency Diagram

graph TD
  caea90b0_7cf1_e6b8_b034_c9b7163e32e9["AsyncTextWithLifecycle"]
  3d2df944_7502_2592_de16_f38443186491["ReactSuspense-test.internal.js"]
  caea90b0_7cf1_e6b8_b034_c9b7163e32e9 -->|defined in| 3d2df944_7502_2592_de16_f38443186491
  78278b7d_21ab_2728_d772_6862703e0921["componentDidMount()"]
  caea90b0_7cf1_e6b8_b034_c9b7163e32e9 -->|method| 78278b7d_21ab_2728_d772_6862703e0921
  f3d3079b_008b_bc6b_4490_302329189abe["componentDidUpdate()"]
  caea90b0_7cf1_e6b8_b034_c9b7163e32e9 -->|method| f3d3079b_008b_bc6b_4490_302329189abe
  66a0c7bc_575b_09ba_4e64_4d0600d29bd8["componentWillUnmount()"]
  caea90b0_7cf1_e6b8_b034_c9b7163e32e9 -->|method| 66a0c7bc_575b_09ba_4e64_4d0600d29bd8
  3d181d8d_5475_6767_5345_45a3ecba19b8["render()"]
  caea90b0_7cf1_e6b8_b034_c9b7163e32e9 -->|method| 3d181d8d_5475_6767_5345_45a3ecba19b8

Relationship Graph

Source Code

packages/react-reconciler/src/__tests__/ReactSuspense-test.internal.js lines 776–792

      class AsyncTextWithLifecycle extends React.Component {
        state = {step: 1};
        componentDidMount() {
          Scheduler.log(`Mount [${this.props.text}:${this.state.step}]`);
        }
        componentDidUpdate() {
          Scheduler.log(`Update [${this.props.text}:${this.state.step}]`);
        }
        componentWillUnmount() {
          Scheduler.log(`Unmount [${this.props.text}:${this.state.step}]`);
        }
        render() {
          instance = this;
          const text = readText(`${this.props.text}:${this.state.step}`);
          return <Text text={text} />;
        }
      }

Defined In

Source

Frequently Asked Questions

What is the AsyncTextWithLifecycle class?
AsyncTextWithLifecycle is a class in the react codebase, defined in packages/react-reconciler/src/__tests__/ReactSuspense-test.internal.js.
Where is AsyncTextWithLifecycle defined?
AsyncTextWithLifecycle is defined in packages/react-reconciler/src/__tests__/ReactSuspense-test.internal.js at line 776.

Analyze Your Own Codebase

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

Try Supermodel Free