• LogIn Redux Cycle
    • 1. Add a new auth_actions file.
    • 2. Add relevant actions:

    LogIn Redux Cycle

    Let's wire up a button in our app that logs in a user with Firebase.

    1. Add a new auth_actions file.

    2. Add relevant actions:

    1. // actions/auth_actions.dart
    2. import 'package:firebase_auth/firebase_auth.dart';
    3. // gives us access to `@required`
    4. import 'package:flutter/foundation.dart';
    6. class LogIn {}
    8. class LogInSuccessful {
    9.   final FirebaseUser user;
    11.   LogInSuccessful({ @required this.user});
    13.   @override
    14.   String toString() {
    15.     return 'LogIn{user: $user}';
    16.   }
    17. }
    19. class LogInFail {
    20.   final dynamic error;
    21.   LogInFail(this.error);
    22.   @override
    23.   String toString() {
    24.     return 'LogIn{There was an error loggin in: $error}';
    25.   }
    26. }
    28. class LogOut {}
    30. class LogOutSuccessful {
    31.   LogOutSuccessful();
    32.   @override
    33.   String toString() {
    34.     return 'LogOut{user: null}';
    35.   }
    36. }

    These are our basic actions. From here, we need to write our first middleware. That takes a bit of an aside, and then we'll return to our Redux cycle.