angular-lifecycle

What problem does it solve?

Helps developers correctly implement and manage Angular component lifecycle hooks to avoid initialization mistakes, missed cleanup, DOM timing issues, and change detection bugs that lead to memory leaks and subtle runtime errors.

Core Features & Use Cases

• Initialization guidance: Use ngOnInit to move initialization logic out of constructors and call services at the proper time.
• Cleanup patterns: Implement OnDestroy and observable teardown patterns to prevent leaks and dangling subscriptions.
• Input & DOM handling: Provide strategies for ngOnChanges, AfterViewInit, and AfterContentInit to react to input changes and safely access the DOM or projected content.
• Change detection & optimization: Explain OnPush interactions and when to trigger manual change detection or use immutability.
• Use Case: Refactor a component that currently performs network calls in the constructor, add input change handling, and ensure proper subscription cleanup during teardown.

Quick Start

Ask the assistant to review a component and convert initialization to ngOnInit, handle inputs with ngOnChanges, move DOM access to ngAfterViewInit, and add cleanup in ngOnDestroy.