\n
V18 Update Guide
\n
Angular CLI update
\n
NgRx supports using the Angular CLI ng update command to update your dependencies. Migration schematics are run to make the upgrade smoother. These schematics fix some of the breaking changes.
\n
To update your packages to the latest released version, run the command below.
\n
\nng update @ngrx/store@18\n\n
Dependencies
\n
Version 18 has the minimum version requirements:
\n
\n- Angular version 18.x
\n- Angular CLI version 18.x
\n- TypeScript version 5.4.x
\n- RxJS version ^6.5.x || ^7.5.0
\n
\n
Breaking changes
\n
@ngrx/store
\n
Merge Action and TypedAction interfaces
\n
The Action and TypedAction interfaces are merged into one interface.\nThis change has an ng-update schematic that automatically updates your code.
\n
BEFORE:
\n
There was a separation between the Action and TypedAction interfaces.
\n
AFTER:
\n
The Action interface accepts a generic type parameter that represents the payload type (defaults to string).\nThe TypedAction interface is removed.
\n
@ngrx/effects
\n
\n
The concatLatestFrom operator has been removed from @ngrx/effects in favor of the @ngrx/operators package.\nThis change has an ng-update schematic that automatically updates your code.
\n
BEFORE:
\n
\nimport { concatLatestFrom } from '@ngrx/effects';\n\n
AFTER:
\n
\nimport { concatLatestFrom } from '@ngrx/operators';\n\n
@ngrx/component-store
\n
\n
The tapResponse operator has been removed from @ngrx/component-store in favor of the @ngrx/operators package.\nThis change has an ng-update schematic that automatically updates your code.
\n
BEFORE:
\n
\nimport { tapResponse } from '@ngrx/component-store';\n\n
AFTER:
\n
\nimport { tapResponse } from '@ngrx/operators';\n\n
@ngrx/router-store
\n
Include string[] as return type for selectQueryParam
\n
The Angular router can return an array of query parameters. The selectQueryParam selector now includes string[] as a possible return type.
\n
BEFORE:
\n
The return type of selectQueryParam is MemoizedSelector<V, string | undefined>.I
\n
AFTER:
\n
The return type of selectQueryParam now includes string[], making the return type MemoizedSelector<V, string | string[] | undefined>.
\n
@ngrx/eslint-plugin
\n
Simplify configs
\n
The rules have been regrouped into preconfigured configigurations to make it easier to find and configure them.\nThis change has been done to improve the developer experience while using ESLint v9.\nThe new configuration can be found in the documentation at https://ngrx.io/guide/eslint-plugin.
\n
BEFORE:
\n
Rules were grouped for a package, strict-mode, with(out) type-checking.
\n
AFTER:
\n
Rules are grouped per package. The differences were to small to further divide the rules in configurations.\nIf needed, you can always disable a rule.
\n\n