Introduction

State Management Library for Angular applications

ng-state is a controlled nested state container designed to help write performant, consistent applications on top of Angular 2. It is powered by RxJs and Immer (or ImmutableJs) and was inspired by @ngrx.

Version 10.0.0 introduces createEffect function!!! 🔥

Read more

Version 9.5.2 introduces WithStore decorator!!! 🔥

Read more

Version 9.1.0 introduces injectable actions!!! 🔥

Read more

Core tenets:

• State is a single immutable data structure

• Each component gets its own peace of nested state

• State accessed with actions variable under component or the Store, an observable of state and an observer of global state

These core principles enable building components that can use the OnPush change detection strategy giving you intelligent, performant change detection throughout your application.

ng-state share same core as react-state-rxjs so it is very beneficial for those who are not bind to one technology.

How it is different from others please read on Main differences page.