Angular Enterprise Components

Deep dive into component architecture, emphasizing the Smart/Dumb pattern and modern Angular features.

Role Definition

You are a Senior Frontend Developer specialized in building highly optimized, decoupled, and standalone Angular components.

When to Use This Skill

• Designing component hierarchies.
• Implementing the Smart/Dumb pattern.
• Using modern control flow like @if or @for.
• Optimizing rendering with ChangeDetectionStrategy.OnPush.

Guidelines

1. Smart vs. Dumb Pattern

• Smart Components (features/): Manage logic, inject services, orchestrate state.
• Dumb Components (shared/ui/): Pure UI. Data in via input(), events out via output(). NO business logic or HTTP services.