angular-state-and-rx

What problem does it solve?

State management in modern Angular apps often involves mixing signals, services-as-state, and various NgRx patterns, leading to fragmented approaches. This skill consolidates guidance for selecting and combining signals, services-as-state, NgRx Store + Effects + Selectors, NgRx Component Store, and NgRx Signals to build scalable state solutions.

Core Features & Use Cases

• Signals-based local component state with computed values and effects for side effects.
• Services-as-state to share reactive state across components without a full store.
• NgRx Store + Effects + Selectors for robust domain state with time-travel debugging.
• NgRx Component Store for lightweight per-component state management.
• NgRx Signals as a newer approach for signal-based state with less boilerplate.
• Bridging signals ↔ RxJS to interoperate between two reactivity paradigms.

Quick Start

Select an Angular state strategy (signals, service-based, or NgRx) and implement a small, consistent example to validate the chosen approach.