Articles → REACT.JS → React Lifecycle

React Lifecycle

Phases Of The Component

  1. Mounting
  2. Updating
  3. Unmounting


  1. constructor() - This is the very first method called in the mounting phase. This method is used to initialize variable values.
  2. getDerivedStateFromProps() - This method is called just before the render method.
  3. render() - This method outputs the HTML on the browser.
  4. componentDidMount() - This method is called after the render method.


  1. getDerivedStateFromProps()
  2. shouldComponentUpdate() - Checks if the component output is affected by change in the state or props.
  3. render()
  4. getSnapshotBeforeUpdate() - This method is called before the update. Calling componentDidUpdate method is also required along with getSnapshotBeforeUpdate.


  1. componentWillUnmount() - This method is called when the component is about to be removed from the DOM.

Posted By  -  Karan Gupta
Posted On  -  Saturday, August 21, 2021


Your Email Id  
Query/FeedbackCharacters remaining 250