@ngrx/component-store

14.0.0-beta.0 (2022-05-30)

• Closes #3344, #3345 (70056a8), closes #3344 #3345

Bug Fixes

• store: rename template literal to string literal for createActionGroup (#3426) (7d08db1)

Features

• schematics: remove creators option (#3311) (e86278a)
• update Angular packages to latest v14 RC (#3425) (f15dd1e), closes #3417
• component: add error as value to LetDirective's context (#3380) (6452e24), closes #3343
• component: add suspense template input to LetDirective (#3377) (345ee53), closes #3340
• component: use global render strategy in zone-less mode (#3379) (f233dae), closes #3342
• component-store: add OnStoreInit and OnStateInit lifecycle hooks (#3368) (0ffed02), closes #3335
• eslint-plugin: add NgRx ESLint Plugin (#3373) (ae0041b)
• store: add createActionGroup function (#3381) (2cdecb3), closes #3337
• store: install and configure the @ngrx/eslint-plugin on ng-add (#3386) (bf2672e)

Performance Improvements

• component: reset state / trigger CD only if necessary (#3328) (f5b055b)

BREAKING CHANGES

• 1. The context of LetDirective is strongly typed when null or undefined is passed as input.

BEFORE:

<p *ngrxLet="null as n">{{ n }}</p>
<p *ngrxLet="undefined as u">{{ u }}</p>

• The type of n is any.
• The type of u is any.

AFTER:

<p *ngrxLet="null as n">{{ n }}</p>
<p *ngrxLet="undefined as u">{{ u }}</p>

• The type of n is null.
• The type of u is undefined.

• schematics: BEFORE:

Creating actions, reducers, and effects is possible without using the creator syntax is possible.

AFTER:

• All schematics use the non-creator syntax to scaffold the code.
• The option --creators (and -c) is removed from the schematic options.
• The skipTests option is removed while generating actions.

• Minimum version of Angular has been updated

BEFORE:

Minimum version of Angular was 13.x

AFTER:

Minimum version of Angular is 14.x

• component: The native local rendering strategy is replaced by global in zone-less mode for better performance.

BEFORE:

The change detection is triggered via changeDetectorRef.detectChanges in zone-less mode.

AFTER:

The change detection is triggered via ɵmarkDirty in zone-less mode.

• component: The $error property from LetDirective's view context is a thrown error or undefined instead of true/false.

BEFORE:

<p *ngrxLet="obs$; $error as e">{{ e }}</p>

• e will be true when obs$ emits error event.
• e will be false when obs$ emits next/complete event.

AFTER:

<p *ngrxLet="obs$; $error as e">{{ e }}</p>

• e will be thrown error when obs$ emits error event.
• e will be undefined when obs$ emits next/complete event.

<a name="13.1.0"></a>