What are the various Lifecycle methods of ReactJS?

Web Development
, ,
#1

The different Lifecycle methods of ReactJS are:

  • componentWillMount: Executed before rendering and is used for App level configuration in our root component.
  • componentDidMount: Executed after first rendering and here all AJAX requests, DOM or state updates, and set up event listeners should occur.
  • componentWillReceiveProps: Executed when particular prop updates to trigger state transitions.
  • shouldComponentUpdate: Determines if the component will be updated or not. By default it returns true . If we are sure that the component does not need to render after state or props are updated, we can return false value. It is a great place to improve performance as it allows us to prevent a re-render if component receives new prop.
  • componentWillUpdate: Executed before re-rendering the component when there are props & state changes confirmed by shouldComponentUpdate() which returns true.
  • componentDidUpdate: Mostly it is used to update the DOM in response to prop or state changes.
  • componentWillUnmount: It will be used to cancel any outgoing network requests, or remove all event listeners associated with the component.