Angular Frontend Skill

What problem does it solve?

This Skill provides a comprehensive set of patterns and best practices for developing Angular frontend applications, ensuring maintainability, performance, and adherence to modern standards.

Core Features & Use Cases

• Component Design: Guidance on creating smart and dumb components, leveraging signals, and managing lifecycle hooks.
• State Management: Strategies for handling component state, shared services, and global stores using Signals, RxJS, and NgRx.
• Forms & Validation: Patterns for building reactive forms, implementing custom validators, and displaying errors effectively.
• API Integration: Best practices for using HttpClient, interceptors, and error handling.
• Use Case: A developer needs to build a new feature in an existing Angular application. They can consult this Skill for guidance on structuring components, managing state for the new feature, and integrating with backend APIs according to project standards.

Quick Start

Use the Angular Frontend Skill to create a new reusable button component with OnPush change detection.