angular-ngrx-data create custom effect

Asked Jan 08 '19 at 00:35

Active Feb 03 '20 at 15:14

Viewed 550 times

I am currently using ngrx in my app to manage state. I was looking at switching to ngrx-data for the simple CRUD operations and ran across my first question. This is my current regular ngrx effect and I want to know how to reproduce it with ngrx-data (create new action based on http response):

@Effect()
insertUser$: Observable<Action> = this.action$.pipe(
    ofType(UsersActionTypes.UserInsert),
    map((action: UserInsert) => action.payload),
    mergeMap(payload =>
        this.UserService.insert(<IUserPersistRequest>{
            user: payload.User,
            refreshToken: payload.loggedInUser.RefreshToken
        }).pipe(
            map((response: IUserPersistResponse) => {
                return !response.accessToken
                        ? new UserPersistSuccessLoginFailure()
                        : new UserInsertSuccess({
                            response: response,
                            User: payload.User
                        });
            }),
            catchError((error: string) => {
                return of(new UserInsertFailure('UserInsert Failed'));
            })
        )
    )
);

Any advice?

edited Feb 03 '20 at 15:14

asked Jan 08 '19 at 00:35

samneric

3,038
2
28
31

Any luck with that? – Ssss Nov 14 '19 at 10:53
have there been any updates / success with that, @samneric? – hreimer Feb 03 '20 at 08:43
I haven't looked at it lately, I will revisit on the weekend. – samneric Feb 03 '20 at 15:16
@samneric can answer without knowing `UserService` API. for example what's `IUserPersistResponse`? – Andrew Allen Feb 28 '20 at 14:43
for the purposes of this question, you can assume IUserPersistResponse contains just one string: 'accessToken'. If that field is present in the response, UserInsertSuccess action is returned else UserPersistSuccessLoginFailure is returned. – samneric Feb 28 '20 at 19:25

angular-ngrx-data create custom effect

0 Answers0