Difference in performance between ngrx and ngxs?

angular redux ngrx ngxs
Max K picture Max K · Jun 5, 2018 · Viewed 9k times · Source

I want to use ngxs for state management in my Angular 6 application.

But I am not sure if it is mature for big projects.

I can not find any articles about Difference in performance between ngrx and ngxs. Can someone provide some info about it?

Performance metrics: Getting a large number of items form the store and writing back into the store.

Answer

Eugen Sunic picture Eugen Sunic · Oct 3, 2018

Here is good answer from Reddit (Angular2+ community). It's from a developer who tested both and switched to NGXS.

I would like to share my experience. We have a medium-large enterprise app. We started with NGRX, but it quickly became clear that

NGRX code is much difficult to understand and write to teammates.

NGRX is boilerplate hell. You spend lot of time with it.

The concept of "Effects" is good, but it just adds extra layers of complexity which could be simplified.

Developer Experience (DX) was horrifying.

Then we switched to NGXS.

It has minimum boilerplate. You jump right into "action" :D.

We were delighted by its DX.

It is much easier to understand for teammates and everybody was suddenly productive.

There are some tradeoffs like server calls are in reducers, but it made sense to use after a while.

PLUGINS! There are loads of plugins from logging to forms handling (Awesome thing ever).

Related questions

dispatch multiple actions in one effect

I would like to diapatch two actions in one effect. Currently I have to declare two effects to achieve this : // first effect @Effect() action1$ = this.actions$ .ofType(CoreActionTypes.MY_ACTION) .map(res => { return { type: "ACTION_ONE"} }) .catch(() => Observable.…

Read More
What is store.select in ngrx

I'm new to Redux and started with ngrx. I'm unable to understand the meaning of this line of code store.select: clock: Observable<Date>; this.clock = store.select('clock');

Read More
Executing code after dispatch is completed while using ngrx

In my sample Angular 2 application , I am using ngrx/store and ngrx/effects for state management. Below is one of the function in a component to add a new item. addAuthor() { this.store.dispatch(addAuthorAction(this.fg.value)); console.log(…

Read More