angular-enterprise-components
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
@ifor@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 viainput(), events out viaoutput(). NO business logic or HTTP services.
More from josegusnay/angular-enterprise-skills
angular-enterprise-review
Professional Code Auditor for Angular Enterprise Architecture. Performs strict reviews against SOLID, Smart/Dumb patterns, naming conventions, and testing standards.
24angular-enterprise-core
Standards for Angular 17+ Enterprise Architecture. Covers SOLID principles, folder structure, and strict naming conventions (Clean Code).
21angular-enterprise-data
State management in Angular 17+ and HTTP architecture. Covers Signals (UI state), RxJS (Async/HTTP), and Functional Interceptors.
11angular-enterprise-testing
Enterprise testing standards for Angular: Unit tests, mocking, and minimum 85% coverage requirements.
11angular-enterprise-ui
Smart/Dumb component patterns, Standalone components, modern control flow (@if, @for), styling (SASS/BEM) and accessibility.
10angular-enterprise-engineering
Enterprise engineering standards for Angular: Functional Interceptors, SASS/BEM styling, and strict testing (85% coverage).
7