Progressive Web Apps with React

Lifecycle methods

Fortunately, situations like this one are common in React, so the library provides us with a solution: a suite of functions called lifecycle methods. These methods come standard with all (class-based) React components, and are called at certain points as the component appears, updates, and disappears.

The lifecycle of a React component is as follows:

• The application has started, and the component's render method is about to be called
• The component has rendered and has now appeared on the screen
• The component is about to receive new props
• The component has received new props, and is about to call render again to update in response
• The component has updated in response to new props or a state change
• The component is about ...