Component Lifecycle in Angular

Each component has a lifecycle, which starts when Angular creates an object of the component class and renders the component's view along with its child views.

The lifecycle continues when changes are detected, as Angular checks when data-bound properties change and updates the view and component instance as needed.

The lifecycle ends when Angular destroys the component instance and removes its rendered template from the DOM.

The Angular framework has special methods that can be used to intercept the moment when a component moves to another phase of its lifecycle. These methods are called hooks.

Hooks will be automatically called when a lifecycle event occurs. In the following lessons, we will look at what hooks are and how to use them.