angular-ngrx | Angular ngrx - Plain and simple | State Container library

Problem:

In my angular project, I have these flowing command in my package.json file.

I am implementing NGRX in my Angular 10 application and seem to have a problem with calling the reducer. I have created a checkbox in the app component. I am trying to maintain it's toggle state. I have created an action and reducer. I am not sure why the reducer is not getting called. I have written a console.log in the reducer which doesn't seem to fire. I haven't used strong typing of Action names but have ensured the names match.

app.module

I am trying to follow this link to use the Ngrx DevTools. But Ionic uses @ionic/angular-toolkit, and we need to enable the Ngrx Schematics which replaces that. Is there a way to have both?

This question is an extension from this ongoing post, but I feel it is narrower in scope and I may be able to get an answer independently to the linked post.

Background

In the linked post, I am trying to poll a service to get data (where my problem is turing the polling on and off). In my real world app, the call is actually a little more complicated. What I want to do is some optional http POSTs, and then a GET, always after myPOSTS` have returned (so I Know the server has processed the POSTed data, and will be included in my next GET results.

If I do a POST, I also want to dispatch an action so I can update my state indicating the POST has occurred.

I have converted some of the observables to promises, as I just find async/await easier to understand than lots of observables switch/mapping etc - I know this is probably not very pure, but perhaps one day my rx/js operator knowledge will improve (I can only hope). Maybe someone can show my better alternative... (but this is not the main question)

Actual Question

I have the following code effect code, that does NOT dispatch of is't own actions (these will be done in this.syncData) ....

I am using the below sample application to learn angular+ngrx. APM Sample NgRx App

I have installed Redux firefox extension. But whenever I run/reload application, redux tab shows 'No store found' message. The application is working as expected(is able to retain state). I am able to dispatch actions, handle it in the reducer etc.. Please help.. I am stuck in this for quite a long time.

I have few concerns when using ngrx in mobile app with Ionic 5:

1. Performance issues on mobile devices. = ngrx is state management so all data from API will be stored in memory and accessible all the time. Could this effect some older devices(e.g. android 4.4)?

2. Too much ngrx boilerplate can increase app bundle size.

3. Can't use ngrx/data due to a lot of limitations..

4. ngrx is 3rd party library. Is it 100% compatible with Ionic Angular?

Is there anyone out there who has faced the similar issues?

I have an application where I have just added NgRX where I wish to use effects to switch polling on and off.

Sample outline

I followed this post which seemed like a good approach. I have a simplified example of this here, with the bulk of the code is in app.effects.ts.

Similar to the example, I have the effects startPolling$, stopPolling$ and continuePolling$, except I am using the newer createEffect factory methods.

Also, I have moved the delay(2000)above the takeWhile(), as I found if the service call throws an error, the the catchError(err => of(appActions.getDataFail(err))) would cause the effect to go into an continuous very fast loop without the delay.

The start and stop button dispatches the polling start and stop...

I am creating a web app that uses a store. I am following the tutorial: https://coursetro.com/posts/code/151/Angular-Ngrx-Store-Tutorial---Learn-Angular-State-Management. The problem is that I keep having the following issue:

Thee are many posts on this, but I cannot see what is wrong in my simple case (I am a rather noob to NgRx, so could be a simple mistake)

I have been putting together as simple a example as I can to help with another issue I am having, but I can't get my the example working, and I just cannot see what is wrong here.

The example is here.

When you click the Start polling button, the action startPolling is dispatched, but the effect in app.effects.ts...