Component Lifecycle: Updating

To update the component's state based on changes in props
To determine if the component should re-render
To capture information from the DOM before it potentially changes
The getSnapshotBeforeUpdate() method is used to capture information from the DOM just before it potentially changes. This method is called right before the changes from the virtual DOM are reflected in the actual DOM. The return value from this method is passed as the third parameter to componentDidUpdate(). This is useful for cases like preserving scroll position during updates.
To handle side effects after the component updates