Auth state observer in Firebase - Commands & Configuration

Introduction

When users sign in or out of your app, you need to know their status to update the app interface or protect data. The auth state observer watches for these changes and tells your app immediately.

When you want to show a welcome message only to signed-in users.

When you need to hide or show buttons based on whether the user is logged in.

When you want to redirect users to a login page if they sign out.

When you want to keep the app updated with the current user's info without manual refresh.

When you want to protect parts of your app so only signed-in users can access them.

Commands

This command logs you into Firebase from the command line so you can manage your projects and deploy code.

Terminal

firebase login

Expected Output

✔  Success! Logged in as [e-mail]

This initializes Firebase Authentication in your project, setting up necessary files and configurations.

Terminal

firebase init auth

Expected Output

✔  Firebase Authentication setup complete.

This deploys your authentication configuration to Firebase so your app can use it.

Terminal

firebase deploy --only auth

Expected Output

✔  Deploy complete!

Project Console: https://console.firebase.google.com/project/my-app/overview

→

--only - Deploy only the specified Firebase feature, here 'auth', to avoid deploying unrelated parts.

Key Concept

If you remember nothing else from this pattern, remember: the auth state observer automatically tells your app when a user signs in or out so you can react instantly.

Common Mistakes

Not attaching the auth state observer before rendering UI elements.

The app won't know the user's status and may show wrong content or allow unauthorized access.

Always set up the auth state observer as soon as your app starts to keep UI in sync with user status.

Using the auth state observer only once instead of keeping it active.

You miss updates if the user signs out or in later, causing stale UI or security issues.

Keep the observer active for the app session to handle all sign-in and sign-out events.

Summary

Use 'firebase login' to access your Firebase projects from the CLI.

Initialize authentication with 'firebase init auth' to set up your project.

Deploy auth settings with 'firebase deploy --only auth' to apply changes.

The auth state observer listens for user sign-in and sign-out events to update your app instantly.