Added latest README to the dist for v1.1.1

Author: Nicolas Garnier

dist/README.md

@@ -30,7 +30,7 @@ In your app:
 
 ### `FirebaseAuth` vs `StyledFirebaseAuth`
 
-There are two components that allow you to add FirebaseUI auth to your application: `FirebaseAuth` and `StyledFirebaseAuth`. The difference is that `FirebaseAuth` has a reference to the Firebase UI CSS (it `requires` the CSS) whereas `StyledFirebaseAuth` includes the CSS directly in its built. For simplicity you should use `StyledFirebaseAuth` and for better performances and build sizes you should use `FirebaseAuth`. `FirebaseAuth` is meant to be used with a CSS/style loader as part of yor webpack built configuration. See the [Packing your app](#packing) section
+There are two components that allow you to add FirebaseUI auth to your application: `FirebaseAuth` and `StyledFirebaseAuth`. The difference is that `FirebaseAuth` has a reference to the Firebase UI CSS (it `requires` the CSS) whereas `StyledFirebaseAuth` includes the CSS directly in its built. For simplicity you should use `StyledFirebaseAuth` and for better performances and build sizes you should use `FirebaseAuth`. `FirebaseAuth` is meant to be used with a CSS/style loader as part of yor webpack built configuration. See the [Packing your app](#packing-your-app) section
 
 
 ### Using `StyledFirebaseAuth` with a redirect
@@ -110,14 +110,18 @@ class SignInScreen extends React.Component {
       firebase.auth.GoogleAuthProvider.PROVIDER_ID,
       firebase.auth.FacebookAuthProvider.PROVIDER_ID
     ],
-    // Sets the `signedIn` state property to `true` once signed in.
+    // Avoid redirects after sign-in.
     callbacks: {
-      signInSuccess: () => {
-        this.setState({signedIn: true});
-        return false; // Avoid redirects after sign-in.
-      }
+      signInSuccess: () => false
     }
   };
+
+  // Listen to the Firebase Auth state and set the local state.
+  componentWillMount() {
+    firebase.auth().onAuthStateChanged((user) => {
+      this.setState({signedIn: !!user});
+    });
+  }
 
   render() {
     if (!this.state.signedIn) {
@@ -132,7 +136,8 @@ class SignInScreen extends React.Component {
     return (
       <div>
         <h1>My App</h1>
-        <p>Welcome! You are now signed-in!</p>
+        <p>Welcome {firebase.auth().currentUser.displayName}! You are now signed-in!</p>
+        <a onClick={() => firebase.auth().signOut()}>Sign-out</a>
       </div>
     );
   }
@@ -158,7 +163,6 @@ render() {
 }
 ```
 
-<a href="#packing"/>
 
 ## Packing your app