Skip to main content

Lifecycle Method ↔ method to perform Effect at specific stage of Component Lifecycle

componentDidUpdate()​

CC Lifecycle Method to trigger when CC updates (excl Mount)

componentDidMount()​

CC Lifecycle Method to trigger when CC Mount to DOM API

componentWillUnmount()​

CC Lifecycle Method to trigger when CC Unmount from DOM API

componentWillMount()

componentWillUpdate()

componentWillReceiveProps()

References​

  1. Hook ↔ Specialized Function Functionally extends FC with Lifecycle Method & persistent state

  2. CC ↔ React class Instance extends React.Component, provides render() Method to return UI, manage state & perform side effects on Lifecycle Methods

  3. React.Component ↔ base Abstract Class that provides render() method to return React Element(s), state & Lifecycle Methods

  4. componentDidUpdate() ↔ CC Lifecycle Method to trigger when CC updates (excl Mount)

  5. componentDidMount() ↔ CC Lifecycle Method to trigger when CC Mount to DOM API

  6. componentWillUnmount() ↔ CC Lifecycle Method to trigger when CC Unmount from DOM API