Skip to content
0:00 / 0:00

#angular#ngrx#statemanagement

State Management Patterns and Best Practices with NgRx | Victor Savkin

JScamp

5.1K subscribers • 1 video on Hallway

YouTube
  • Recommended by 1 person: 1 on Stack Overflow and its sister sites.
  • Presented by Victor Savkin, co-founder of Nrwl
  • May be out of date. Uploaded 8 years ago, in an area where tools change fast.

Intermediate. Assumes working knowledge.

21K views8 years ago1 recommendation

Web developmentSoftware designVue, Svelte, Angular and othersDesign patterns

Victor Savkin shares best practices and patterns for managing state in large-scale Angular applications using NgRx.

NgRx is the default state state-management library for Angular. It’s simple and flexible, and, as a result, a lot depends on how you use it. Victor helps a lot of enterprise companies build large Angular applications with NgRx, and in this talk he will share some of the best practices and patterns that work well. Slides: angularcamp.org/files/State_Management_Patterns_and_Best%20P… Speaker: Victor is a co-founder of nrwl.io, providing Angular consulting to enterprise teams. He was previously on the Angular core team at Google, and built the dependency injection, change detection, forms, and router modules. #JavaScript

Why it's here

1 person recommends this

What people say. Recommended as a comprehensive guide to structuring state and effects in NgRx.

E. Efimovon Stack Overflow • Recommends

Can effect wait two actions like Promise.all? Example: @Effect() pulic addUser() { return this.actions$.ofType(user.ADD) .switchMap(() => { return this.userService.add(); }) .map(() => { return new user.AddSuccessAction(); }); } @Effect() pulic addUserOptions() { return this.actions$.ofType(userOptions.ADD) .switchMap(() => { return this.userOptionsService.add(); }) .map(() => { return new userOptions.AddSuccessAction(); }); } @Effect() public complete() { return this.actions$.ofType(user.ADD_SUCCESS, userOptions.ADD_SUCCESS) // how to make it works like Promise.all ? .switchMap(() => { return this.statisticService.add(); }) .map(() => { return new account.CompleteA…