Firebase Ngrx User Management

This library allows to easily manage user auth with ngrx and firebase. Most of auth flows have bben wrapped in ngrx effect and can be triggered dispatching specifica actions.

Choose the version corresponding to your Angular version:

Install

npm install --save @xtream/firebase-ngrx-user-management

Usage

The library acts as a common NgRx feature module. You can find it under the "auth" key in the state tree.

Import

import {FirebaseNgrxUserManagementModule} from '@xtream/firebase-ngrx-user-management';

@NgModule({
    ...
    imports: [
        ...
        FirebaseNgrxUserManagementModule,
        AngularFireModule.initializeApp(environment.firebase),
        StoreModule.forRoot(reducers),
        ...
    ]
})
export class AppModule { }

In order to try to restore the user and verify if he is logged modify the app.component.ts in this way:

import {AuthActions} from '@xtream/firebase-ngrx-user-management';
 
export class AppComponent implements OnInit {
...
    ngOnInit(): void {
        this.store.dispatch(new AuthActions.GetUser());
    }
...
}

Available actions

The library is logically divided into 4 logical parts:

• Auth
• Password management
• Email actions handling
• Providers management

Auth

Social login and registration tries to use popup, if popup-blocked error is trown it fallbacks to redirect.

Email Actions Handlers

Password management

Providers Management

Selectors

There are other selectors to get request status of all the previous actions

Who we are