ngrx

# NgRx Skill Expert assistance for implementing NgRx state management in Angular applications. ## Capabilities - Configure NgRx store with feature states - Create actions, reducers, and selectors - Implement effects for side effects - Use entity adapter for collections - Apply component store for local state - Set up NgRx DevTools integration ## Usage Invoke this skill when you need to: - Implement centralized state management - Handle complex async workflows - Manage normalized entity collections - Debug state changes with DevTools - Scale Angular application state ## Inputs | Parameter | Type | Required | Description | |-----------|------|----------|-------------| | featureName | string | Yes | Feature state name | | entityAdapter | boolean | No | Use entity adapter | | effects | array | No | Effects to create | | componentStore | boolean | No | Use component store | ### Configuration Example ```json { "featureName": "users", "entityAdapter": true, "effects": ["loadUsers", "createUser", "updateUser"], "componentStore": false } ``` ## NgRx Patterns ### Actions ```typescript // store/users/users.actions.ts import { createActionGroup, emptyProps, props } from '@ngrx/store'; export const UsersActions = createActionGroup({ source: 'Users', events: { 'Load Users': emptyProps(), 'Load Users Success': props<{ users: User[] }>(), 'Load Users Failure': props<{ error: string }>(), 'Create User': props<{ user: CreateUserDto }>(), 'Create Us...