Angular Best Practices Signalstore

alfredoperez/angular-best-practices/skills/angular-best-practices-signalstore

by alfredopereza499a4786182097a500dd2fb6ddc2489caee3854MIT37 starsListed Oct 9, 2026Updated Oct 9, 2026Repository updated 6 months ago

NgRx SignalStore best practices for Angular. Covers shared state, computed state, entity management, and RxJS integration with rxMethod. Activates when working with @ngrx/signals and @ngrx/signals/entities. Do not use for NgRx Store or class-based state services. Install alongside angular-best-practices for full coverage.

ArchivedInstructions only

Angular SignalStore Best Practices

NgRx SignalStore rules for signal-based local and feature state management. Use with the core angular-best-practices skill for comprehensive Angular coverage.

Links

When to Apply

  • Creating or modifying SignalStore-based state management
  • Integrating RxJS side effects with rxMethod
  • Managing collections with withEntities

Rules

RuleImpactDescription
Use rxMethod for RxJS IntegrationMEDIUMDebounce, switchMap, and other RxJS operators in stores
Use SignalStore for Shared StateHIGHSignal-based reactivity without full NgRx overhead
Use withComputed for Derived StateMEDIUMCentralized memoized derivation logic
Use withEntities for CollectionsMEDIUMO(1) lookups and standardized CRUD operations

Install

Install from skills.sh/alfredoperez/angular-best-practices:

Source and attribution

Source:alfredoperez/angular-best-practicesinskills/angular-best-practices-signalstoreat commita499a47

License: MIT

Content belongs to its original authors. SourceWeft indexes it from a public repository.

Report or request removal

More from alfredoperez/angular-best-practices

Angular Best Practices Primeng

alfredoperez

PrimeNG best practices for Angular: tree-shakeable imports, lazy-loaded tables, and Aura/Lara theming with design tokens.

Archived
Software Development37updated 6 months ago

Angular Best Practices Ngrx

alfredoperez

NgRx state management best practices for Angular, covering reducers, effects, selectors and entity adapters.

Archived
Software Development37updated 6 months ago

Angular Best Practices Material

alfredoperez

Angular Material and CDK best-practice rules for imports, M3 theming, CDK utilities and component test harnesses.

Archived
Software Development37updated 6 months ago

Angular Best Practices

alfredoperez

Modern Angular best practices for building performant, maintainable Angular 17+ applications. Covers Signals, RxJS, components, templates, styles, performance, SSR, testing, forms, routing, accessibility, and architecture — with code examples and impact ratings for every rule. Use this skill whenever the user is working on Angular code of any kind: components, services, templates, stylesheets, routes, tests, or configuration. This applies to editing .component.ts, .service.ts, .html templates, .scss/.css styles, .spec.ts tests, .routes.ts files, store files, and any general .ts file in an Angular project. Look for angular.json, nx.json, or @angular/core imports as project indicators. Do not use for AngularJS (1.x), React, Vue, or non-Angular TypeScript projects.

Archived
Awaiting classification37updated 6 months ago