react Architecture Docs
Home / Class/ NormalLifeCycles Class — react Architecture

NormalLifeCycles Class — react Architecture

Architecture documentation for the NormalLifeCycles class in ReactTypeScriptClass-test.ts from the react codebase.

Class typescript

Entity Profile

Dependency Diagram

graph TD
  fd42533d_46e7_60ca_e90b_d6cd5114e641["NormalLifeCycles"]
  3370f447_d44c_9d13_9604_1490287e7bf1["ReactTypeScriptClass-test.ts"]
  fd42533d_46e7_60ca_e90b_d6cd5114e641 -->|defined in| 3370f447_d44c_9d13_9604_1490287e7bf1
  79e10d5a_1084_f832_1d40_72d99ea5259f["UNSAFE_componentWillMount()"]
  fd42533d_46e7_60ca_e90b_d6cd5114e641 -->|method| 79e10d5a_1084_f832_1d40_72d99ea5259f
  7d26a272_7bd3_70f1_650f_db2e6bcdad73["componentDidMount()"]
  fd42533d_46e7_60ca_e90b_d6cd5114e641 -->|method| 7d26a272_7bd3_70f1_650f_db2e6bcdad73
  86e7ab15_79dc_d453_2daa_c061f815a8e9["UNSAFE_componentWillReceiveProps()"]
  fd42533d_46e7_60ca_e90b_d6cd5114e641 -->|method| 86e7ab15_79dc_d453_2daa_c061f815a8e9
  8ebc653f_e543_ad4e_a7d3_ee43492e086f["shouldComponentUpdate()"]
  fd42533d_46e7_60ca_e90b_d6cd5114e641 -->|method| 8ebc653f_e543_ad4e_a7d3_ee43492e086f
  6fb002de_6340_ed6b_c0e6_84ecad965a65["UNSAFE_componentWillUpdate()"]
  fd42533d_46e7_60ca_e90b_d6cd5114e641 -->|method| 6fb002de_6340_ed6b_c0e6_84ecad965a65
  66de118f_02d4_59c4_f7e9_d0c8e94c7ed6["componentDidUpdate()"]
  fd42533d_46e7_60ca_e90b_d6cd5114e641 -->|method| 66de118f_02d4_59c4_f7e9_d0c8e94c7ed6
  12769e67_ee30_f152_37ba_f4e0d1ff1044["componentWillUnmount()"]
  fd42533d_46e7_60ca_e90b_d6cd5114e641 -->|method| 12769e67_ee30_f152_37ba_f4e0d1ff1044
  05576e22_1f94_88c9_60ab_49a190f36769["render()"]
  fd42533d_46e7_60ca_e90b_d6cd5114e641 -->|method| 05576e22_1f94_88c9_60ab_49a190f36769

Relationship Graph

Source Code

packages/react/src/__tests__/ReactTypeScriptClass-test.ts lines 212–240

class NormalLifeCycles extends React.Component {
  props: any;
  state = {};
  UNSAFE_componentWillMount() {
    lifeCycles.push('will-mount');
  }
  componentDidMount() {
    lifeCycles.push('did-mount');
  }
  UNSAFE_componentWillReceiveProps(nextProps) {
    lifeCycles.push('receive-props', nextProps);
  }
  shouldComponentUpdate(nextProps, nextState) {
    lifeCycles.push('should-update', nextProps, nextState);
    return true;
  }
  UNSAFE_componentWillUpdate(nextProps, nextState) {
    lifeCycles.push('will-update', nextProps, nextState);
  }
  componentDidUpdate(prevProps, prevState) {
    lifeCycles.push('did-update', prevProps, prevState);
  }
  componentWillUnmount() {
    lifeCycles.push('will-unmount');
  }
  render() {
    return React.createElement('span', {className: this.props.value});
  }
}

Defined In

Source

Frequently Asked Questions

What is the NormalLifeCycles class?
NormalLifeCycles is a class in the react codebase, defined in packages/react/src/__tests__/ReactTypeScriptClass-test.ts.
Where is NormalLifeCycles defined?
NormalLifeCycles is defined in packages/react/src/__tests__/ReactTypeScriptClass-test.ts at line 212.

Analyze Your Own Codebase

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

Try Supermodel Free