NgRx v22 Released with Resource Extensions and Dynamic Deep Signals for Angular

NgRx v22 Key Features

NgRx, the reactive state management framework for Angular, has released version 22. This update includes utilities for customizing Angular's resource API, dynamic deep signals for union types, a new SignalStore typing helper, and ESLint v10 compatibility.

Resource Extensions for Angular's Resource API

The primary new addition in NgRx v22 is resource extensions, available through the experimental @ngrx/signals/resource entry point. Angular's resource and httpResource APIs reset value() to undefined during reloads and throw errors when read in an error state. Resource extensions wrap existing resources to patch these behaviors while preserving the original resource type. Four built-in extensions are included, along with a provideResourceExtensions function to register defaults at various application levels.

This change is significant for deeper SignalStore integration, as the previous error behavior could cause subsequent patchState calls to throw errors when reading value().

Dynamic Deep Signals and Typing Improvements

Version 22 also introduces dynamic deep signals. Previously, a state slice typed as a union would collapse into a single flat Signal. Now, each object literal member within a union type gets its own DeepSignal, accessible after narrowing with an 'in' check. This allows for more precise modeling of 'not loaded yet' states.

Additionally, a new SignalStoreFeatureType utility extracts state and members from a feature factory, enabling custom features to reuse these types as input without manual re-declaration.

Developer Tooling and Compatibility

The @ngrx/store-devtools package now includes an actionCreators option, allowing dispatching actions directly from Redux DevTools. The @ngrx/eslint-plugin has been updated to support ESLint v10, while simultaneously dropping support for ESLint v8 and the legacy .eslintrc format.