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 the 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
  5. componentDidUpdate() → This method is called when a component is updated


  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