What are the four phases of a component's lifecycle?

What are the four phases of a component's lifecycle?

• A. Instantiated, Mounted, Unmounted, Destroyed
• B. Created, Rendered, Updated, Deleted
• C. Constructed, Mounted, Unmounted, Terminated
• D. Initialized, Attached, Detached, Destroyed

Answer: (A)

The four phases describe the journey of a component from birth to cleanup. It starts with Instantiated, which is when a component instance is created and its initial state is set. Next is Mounted, when the component is inserted into the DOM and becomes active in the UI. After that comes Unmounted, the phase where the component is removed from the DOM and can perform any necessary cleanup. Finally, Destroyed represents the final cleanup and memory release after the component is no longer in use. This sequence captures the lifecycle in a straightforward way: creation, attachment, detachment, and cleanup. The other options mix terms that aren’t standard lifecycle stages in most explanations, or they describe intermediate rendering steps rather than distinct lifecycle phases.

The four phases describe the journey of a component from birth to cleanup. It starts with Instantiated, which is when a component instance is created and its initial state is set. Next is Mounted, when the component is inserted into the DOM and becomes active in the UI. After that comes Unmounted, the phase where the component is removed from the DOM and can perform any necessary cleanup. Finally, Destroyed represents the final cleanup and memory release after the component is no longer in use.

This sequence captures the lifecycle in a straightforward way: creation, attachment, detachment, and cleanup. The other options mix terms that aren’t standard lifecycle stages in most explanations, or they describe intermediate rendering steps rather than distinct lifecycle phases.