Create standalone Angular 21 components using signals for reactive state management.
npx skills add https://github.com/KilloconQ/dotfiles --skill angular-21
Please help me install this Agent Skill. Skill: angular-21 Source: https://github.com/KilloconQ/dotfiles/tree/main/opencode/.config/opencode/skills/angular-21 Command: npx skills add https://github.com/KilloconQ/dotfiles --skill angular-21
Angular developers often struggle to adopt modern patterns like Signals and standalone components, leading to boilerplate and inconsistent state management. This Skill teaches Angular 21 patterns to streamline component design and reactivity with signals, resource handling, and DI improvements.
Create a standalone Angular 21 component using signals to manage state.
Quick Start Create a standalone Angular 21 component using signals to manage state.
High-intent search queries and answers about installing and using this skill.
Angular signals provide reactive state management using signal, computed, effect, and linkedSignal to update component state without manual subscriptions. This approach eliminates boilerplate and ensures consistent reactivity across standalone components.
You can fetch data declaratively in Angular 21 using the resource and httpResource APIs. These APIs handle asynchronous data fetching reactively, integrating seamlessly with signals to manage and display fetched data in components.
The best way to use dependency injection in standalone Angular components is the inject() function in field initializers. This method provides tree-shakable, boilerplate-free DI and works natively with standalone components without requiring NgModules.
You can use OnPush change detection with signals in Angular to maximize performance in reactive apps. Signals automatically notify the framework of state changes, allowing OnPush to efficiently update the DOM only when necessary.
The new control flow constructs in Angular templates are @if, @for, @switch, and @defer. These constructs replace older structural directives, streamlining templating and improving rendering performance in standalone components.
lubusINIdentify Frappe project type, installed apps, version, and tooling.
shalevaminGenerate Angular 17+ standalone components with NgRx state management and routing.
pkoka888Implement signal-based reactive state management for Angular v20+ applications.
AbildtoftMigrate legacy NgRx CustomStore and FeatureStore patterns to NgRx ComponentStore services.
