ngrx/platform

★ 8,313TypeScriptAudience · developerComplexity · 3/5Setup · moderate

Mindmap

mindmap
  root((ngrx))
    What it does
      State management
      Predictable data flow
      Single source of truth
    Core concepts
      Store
      Actions
      Reducers Effects
    Angular integration
      RxJS observables
      Angular signals
      Component store
    Use cases
      Large Angular apps
      Shared data
      Debug state history
    Resources
      Docs at ngrx.io
      Enterprise support
      Training workshops

mindmap root((ngrx)) What it does State management Predictable data flow Single source of truth Core concepts Store Actions Reducers Effects Angular integration RxJS observables Angular signals Component store Use cases Large Angular apps Shared data Debug state history Resources Docs at ngrx.io Enterprise support Training workshops

Click or tap to explore — scroll the page freely

Things people build with this

USE CASE 1

Add predictable state management to a large Angular app where many components share the same data

USE CASE 2

Keep a full history of how your app's data changed over time for easier debugging

USE CASE 3

Synchronize data across many Angular components without them directly modifying shared variables

Tech stack

TypeScriptAngularRxJS

Getting it running

Difficulty · moderate Time to first run · 1h+

Requires an existing Angular project, learning the Store, Actions, and Reducers pattern takes time before first working example.

No license information was provided in the explanation.

In plain English

NgRx is a set of libraries for managing application state in Angular apps. The core idea comes from Redux: instead of letting different parts of your app update shared data in an uncoordinated way, all changes flow through a single predictable system. NgRx pairs this pattern with RxJS observables and Angular's newer signals feature, giving developers tools to keep data consistent across a complex user interface. The library is commonly used in larger Angular applications where many components need to read and react to the same data, or where you need a clear record of how your app's state changed over time. It is a community-driven project with contributions from developers outside Anthropic and is sponsored by companies that build on it commercially. The README itself is brief and points to the full documentation at ngrx.io, where the actual guides, API references, and migration notes live. Enterprise support options including training and workshops are listed on the NgRx website for teams that want more hands-on help.

Copy-paste prompts

Prompt 1

I'm building a large Angular app with a shopping cart shared across many components. Using ngrx/platform, show me how to set up the Store, define a CartState interface, and create an action to add an item.

Prompt 2

Using NgRx Effects from the ngrx/platform library, write me an effect that listens for a LoadProducts action, fetches products from an API, and dispatches either a LoadProductsSuccess or LoadProductsFailure action.

Prompt 3

I want to add NgRx to an existing Angular 17 app that uses Angular signals. Walk me through adding the ngrx/platform packages and wiring up a simple counter using the signalStore feature.

Prompt 4

Using NgRx ComponentStore from ngrx/platform, show me how to manage local component state for a paginated table component with a currentPage and pageSize state.

Open on GitHub → Explain another repo

← ngrx on gitmyhub — every repo by this author, as a profile.

Verify against the repo before relying on details.