angular-best-practices-ngrx

Community

Reliable NgRx patterns for predictable state

Authorcillies-finatix
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Provides concrete guidelines to prevent common NgRx pitfalls that lead to unpredictable global state, untestable logic, and performance regressions in Angular applications.

Core Features & Use Cases

  • Pure Reducers: Ensure reducers remain deterministic and free of side effects so state transitions are predictable and testable.
  • Feature Selectors & Memoization: Promote createFeatureSelector and createSelector usage to optimize component rendering and avoid unnecessary recomputations.
  • Effects & Entity Management: Guide placement of side effects in Effects and recommend @ngrx/entity for collection handling to simplify CRUD flows.
  • Use Case: Apply when adding or refactoring NgRx stores, creating selectors for components, or managing large collections with entity adapters.

Quick Start

Use angular-best-practices-ngrx to review and refactor NgRx reducers, effects, and selectors in the current Angular project.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: angular-best-practices-ngrx
Download link: https://github.com/cillies-finatix/todo-angular-with-best-practices/archive/main.zip#angular-best-practices-ngrx

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.