ngrx.io Open in urlscan Pro
75.2.60.5  Public Scan

Form analysis
0 forms found in the DOM

Text Content

Version 6 of Angular Now Available!Learn Moremenu
 * Getting Started
 * Docs
 * Workshops
 * Blog
 * Sponsor
   
 * 

dark_mode


Introduction
State
@ngrx/store
Why use Store?
Getting Started
Walkthrough
Installation
Architecture
Actions
Reducers
Selectors
Advanced
Meta-Reducers
Feature Creators
Action Groups
Recipes
Injecting Reducers
Downgrade for AngularJS
Configuration
Runtime checks
Testing
@ngrx/effects
Overview
Installation
Testing
Lifecycle
Operators
@ngrx/router-store
Overview
Installation
Actions
Selectors
Configuration
@ngrx/entity
Overview
Installation
Entity Interfaces
Entity Adapter
Recipes
Additional State Properties
Entity Adapter with Feature Creator
@ngrx/component-store
Overview
Installation
Architecture
Initialization
Read
Write
Effects
Lifecycle
ComponentStore vs Store
Usage
@ngrx/signals
Overview
Installation
SignalStore
Core Concepts
Lifecycle Hooks
Custom Store Features
Entity Management
SignalState
RxJS Integration
FAQ
@ngrx/operators
Overview
Installation
Operators
Data
@ngrx/data
Overview
Installation
Architecture
Overview
Entity Metadata
Entity Actions
Entity Collection
Entity Collection Service
Entity Dataservice
Entity Effects
Entity Reducer
Entity Services
Advanced
Save Multiple Entities
Entity Change Tracking
Extension Points
FAQ
Limitations
View
@ngrx/component
Overview
Installation
Let Directive
Push Pipe
Developer Tools
@ngrx/store-devtools
Overview
Installation
Instrumentation
Recipes
Exclude from Production
@ngrx/schematics
Overview
Installation
Schematics
Store
Action
Reducer
Selector
Container
Effect
Entity
Feature
@ngrx/eslint-plugin
Overview
Installation
Recipes
Nightly Builds
Migrations
V17
V16
V15
V14
V13
V12
V11
V10
V9
V8
V7
V4
API
Contributing
Workshops
stable (v17.1.1)

NgRx
Reactive State for Angular
Get Started

The NgRx Team asks our community to support the people of Ukraine who are being
invaded by Russia.

Donate Now




MANAGE STATELINK

NgRx Store provides reactive state management for Angular apps inspired by
Redux. Unify the events in your application and derive state using RxJS.




ISOLATE SIDE EFFECTSLINK

NgRx Effects gives you a framework for isolating side effects from your
components by connecting observables of actions to your store.

search$ = createEffect(() => 
  this.actions$.pipe(
    ofType(BookActions.search),
    exhaustMap(action =>
      this.googleBooksService.search(action.query)
    )
  )
);


UNLOCK PRODUCTIVITYLINK

NgRx Schematics helps you avoid writing common boilerplate and instead focus on
building your application

$ ng g store State --root --module app.module.ts
 create src/app/reducers/index.ts
 update src/app/app.module.ts


SUPPORTED BY THE COMMUNITY AND OUR SPONSORSLINK



Sponsor NgRx


START BUILDING REACTIVE ANGULAR APPLICATIONS TODAYLINK

Get Started


RESOURCES

 * About
 * Sponsor
 * Blog
 * Press Kit
   


HELP

 * Stack Overflow
 * Discord Server
 * Report Issues
   


COMMUNITY

 * Code of Conduct
 * Twitter
 * GitHub
 * Contribute
 * Swag Store
   

Powered by the Community ©2015-2023. Code licensed under an MIT-style License .
Documentation licensed under CC BY 4.0 .

Version 17.1.2-local+sha.19969bd3.







THIS WEBSITE REQUIRES JAVASCRIPT.