


NgRx Component puts us on a path for looking at new ways to build reactive Angular applications. NgRx Component goes further to help you build fully reactive applications with helpers for rendering using observables in the template.

The async pipe set a standard for Angular applications for handling observables and promises in the template. The release note explains:Īs we move forward in this new world with Ivy, we want to rethink how we handle reactivity in Angular Zoneless applications. Or with Angular CLI: ng add 10 also ships with an experimental NgRx Component package. The new component store can be installed with npm: npm install -save Actions capture events, whether originating from the user or from other interfaced systems (e.g. NgRx applications are architected around four key concepts that are reminiscent of the Redux or the Elm architecture. We’ve designed a new package to handle state at a local level while providing the same benefits similar to the NgRx Store. In some cases, you still want to manage state in a consistent way locally, and don’t need the indirection of actions, reducers, and effects. NgRx Store is about managing complex state from many different sources at a global application level. Additionally, a new experimental NgRx Component package strives to support developers in writing Angular Zoneless applications leveraging Angular Ivy capabilities for better performance.īrandon Roberts explained in NgRx’s release note the value added by the new local component store: The new package complements the NgRx Store used for application-wide state management. NgRx, a platform which self-describes as focusing on reactive extensions for Angular based on RxJS, shipped its 10th major iteration with a new component store package for local state management.
