Articles → REACT.JS → React Lifecycle

React Lifecycle






Phases Of The Component


  1. Mounting
  2. Updating
  3. Unmounting

Mounting


  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.



Updating


  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.

Unmounting


  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

Query/Feedback


Your Email Id  
 
Subject 
 
Query/FeedbackCharacters remaining 250