Should I call services directly when i use NGRX?

Question

Does NGRX have any opinion about using services in components directly?

Example:

Login Component: Versions how to handle the login:

• Dispatch a Login Action when the user clicks the Login Button and let an AuthEffect handle the communication with the server
• Call the Login Method of the AuthService directly in the Login component and dispatch a Login Action in the callback that gets called, when the server has returned a response.

Are there any significant advantages or disadvantages here that I overlook? Or is it up to me how to do it?

Answer 1

I suggest that you use Facades to handle interactions with the store for more simplicity and to eliminate the difficulties of maintaining and scaling, check this

Answer 2

You should not call a service in your component because your component will be depend on the service and when your application growth big you will have a problem to maintain your code

Using ngrx to dispatch an action in your component so that effect will handle a service call will be best practice because you are not depend on the service you just dispatch an action and effect will take care the rest for you