What version of Angular is required for this skill?

This skill is optimized for Angular 17 and above, as it utilizes the Signals API and NgRx SignalStore features.

Can I still use RxJS with this skill?

Yes, the skill includes patterns for rxMethod, which allows you to integrate RxJS operators for complex asynchronous side effects while maintaining a Signal-based state.

How does SignalStore differ from traditional NgRx?

SignalStore uses a functional composition API that eliminates the need for actions, reducers, and selectors, resulting in significantly less boilerplate and better performance.

Does it support entity management?

Absolutely. The skill implements the @ngrx/signals/entities plugin to provide standardized CRUD operations and efficient ID-based lookups for collections.

NgRx SignalStore for Angular

Name: NgRx SignalStore for Angular
Author: agents-inc

byagents-inc

0•

开发者工具

Implements modern reactive state management patterns for Angular applications using NgRx SignalStore and fine-grained Signals.

This skill provides a comprehensive framework for managing client-side state in Angular 17+ applications by leveraging the functional, composable power of NgRx SignalStore. It guides Claude in building type-safe, boilerplate-free stores using core features like state composition, entity management, and reactive side effects. Whether you are handling complex entity collections with withEntities or integrating RxJS streams via rxMethod, this skill ensures your state architecture follows best practices, remains immutable, and scales effectively without the overhead of traditional NgRx boilerplate.

主要功能

01Advanced state patterns including withLinkedState and context-aware features

02Built-in lifecycle management with withHooks for initialization and cleanup

030 GitHub stars

04Standardized entity management for CRUD operations using withEntities

05Seamless RxJS integration for complex side effects via rxMethod

06Functional store composition with withState, withComputed, and withMethods

使用场景

01Migrating legacy NgRx (Actions/Reducers) to modern Signal-based stores

02Architecting scalable reactive state for enterprise Angular 17+ applications

03Implementing complex, debounced search and filtering logic using RxJS interop

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

Download Skill