ng-state
  • Introduction
  • Main differences
  • Getting Started
    • Instalation
    • Examples
  • Core concepts
    • Main idea
      • More complex flow visualization
    • Configuration
      • Immer Setup
      • ImmutableJs Setup
    • Store
      • Operators
      • Optimistic updates plugin
      • Optimistic updates plugin
      • Form manager plugin
        • onChange hook
        • shouldUpdateState hook
        • Custom form elements
      • Persist state plugin
        • Configuring custom storage
    • Actions
      • Immer
      • ImmutaleJs
      • Injectable Actions
    • Components with Actions
      • Signal Actions
      • State Actions
    • @InjectStore decorator
    • @WithStore decorator
    • @ComponentState decorator
    • Dispatcher
  • Different scenarios
    • Passing list item index via router
    • ngOnChanges hook
    • FormManager pitfalls
  • Unit testing
    • Setup
    • Test store
    • Test actions
    • Test component with actions
    • Test with Angular TestBed
  • Debugging
    • Setup
    • Redux DevTools
    • Automated changes output
    • Manual state changes check
    • Additional debugging information
  • Production
    • Production mode
    • Server Side Rendering (SSR)
  • Other information
    • Best practices
    • CLI
      • Custom Configurations
    • Performance
    • Blog Posts
    • Contributing
Powered by GitBook
On this page
  • Version 9.5.2 introduces WithStore decorator!!! 🔥
  • Version 9.1.0 introduces injectable actions!!! 🔥
  • Version 9.0.0 introduces signalActions!!! 🔥
  • From version 8.0.0 ng-state supports signals!!! 🔥

Was this helpful?

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 ImmutableJs and was inspired by @ngrx.

Version 9.5.2 introduces WithStore decorator!!! 🔥

Read more

Version 9.1.0 introduces injectable actions!!! 🔥

Read more

Version 9.0.0 introduces signalActions!!! 🔥

Read more

From version 8.0.0 ng-state supports signals!!! 🔥

toSignal operator

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.

NextMain differences

Last updated 3 months ago

Was this helpful?