Which versions of Angular are supported by this skill?

This skill focuses on Angular 17 and above, as it relies on the Angular Signals API and the NgRx SignalStore library.

Does it support entity management like @ngrx/entity?

Yes, it provides implementation patterns for withEntities, which offers similar functionality but is optimized for the SignalStore ecosystem.

Can I use this for API data management?

Yes, the skill includes patterns for using rxMethod to handle asynchronous HTTP requests and integrate server-side data into the store.

Does this skill help with Redux patterns like Actions and Reducers?

No, this skill specifically promotes the functional SignalStore pattern which replaces traditional Actions, Reducers, and Effects with more direct signal-based composition.

NgRx SignalStore for Angular

Name: NgRx SignalStore for Angular
Author: agents-inc

byagents-inc

•

개발자 도구

Implements lightweight, functional state management patterns using Angular Signals and the NgRx SignalStore library.

This skill provides specialized knowledge for architecting and implementing state management in Angular 17+ applications using the NgRx SignalStore framework. It enables Claude to generate production-grade stores by composing features like withState, withComputed, and withMethods while strictly adhering to immutable update patterns via patchState. The skill covers modern reactive patterns including standardized entity management, RxJS integration through rxMethod, and advanced features like withLinkedState for derived writable state, ensuring efficient and scalable frontend architectures.

주요 기능

01Custom store extension using signalStoreFeature and withFeature

02Standardized entity management and CRUD operations with withEntities

03Functional store composition with signalStore and withState

041 GitHub stars

05Immutable state modifications using patchState and updater functions

06Reactive side-effect handling via rxMethod and signalMethod

사용 사례

01Managing complex collections of data with normalized entity structures

02Refactoring legacy boilerplate-heavy state management into functional patterns

03Architecting reactive client-side state for Angular 17+ applications

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add agents-inc/skills web-state-ngrx-signalstore

For use in Claude.ai and ChatGPT

주요 기능

01Custom store extension using signalStoreFeature and withFeature

02Standardized entity management and CRUD operations with withEntities

03Functional store composition with signalStore and withState

041 GitHub stars

05Immutable state modifications using patchState and updater functions

06Reactive side-effect handling via rxMethod and signalMethod

사용 사례

01Managing complex collections of data with normalized entity structures

02Refactoring legacy boilerplate-heavy state management into functional patterns

03Architecting reactive client-side state for Angular 17+ applications

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add agents-inc/skills web-state-ngrx-signalstore

For use in Claude.ai and ChatGPT