React Firebase
  • React Firebase
  • React Firebase Realtime Database
    • Setup
    • Usage
    • API
  • React Firebase Auth
    • Setup
    • Usage
    • API
  • React Firestore Database
    • Setup
    • Usage
    • API
  • Generate Firebase Data
    • Setup
    • Usage
  • Generate Firestore Data
    • Setup
    • Usage
  • Generate JSON Data
    • Setup
    • Usage
  • Guides
    • Build a React App with Firebase Auth and Realtime Database
      • Setup the development environment
      • Add React and React DOM
      • Add Firebase
      • Listen to auth
      • Adding Google and Anonymous Auth
      • Adding Data to your Realtime Database
      • Implementing the UI
      • Writing Data
      • Read Data
  • View Source
Powered by GitBook
On this page
  • Docs moved to : https://react-firebase-js.com/docs/react-firebase-auth/api
  • FirebaseAuthProvider Props
  • Firebase Auth Reference
  • FirebaseAuthConsumer
  • authState
  • IfFirebaseAuthed
  • IfFirebaseAuthedAnd
  • IfFirebaseAuthedOr
  • IfFirebaseUnAuthed
  1. React Firebase Auth

API

React bindings for Firebase auth API.

PreviousUsageNextReact Firestore Database

Last updated 6 years ago

Docs moved to :

FirebaseAuthProvider Props

Name

Type

Required

Default

firebase

yes

authDomain

string

yes

apiKey

string

yes

databaseURL

string

yes

projectId

string

yes

messagingSenderId

string

no

storageBucket

string

no

children

React Node

no

render

() => ReactNode

no

FirebaseAuthConsumer

Name

Type

Required

Default

children

({authState}) => ReactNode

no

render

({authState}) => ReactNode

no

authState

Name

Type

isSignedIn

boolean

providerId

'none' | 'anonymous' | 'google.com' | 'facebook.com' ....

user

user | null

  • isSignedIn: boolean

  • providerId: 'none' | 'anonymous' | 'google.com' | 'facebook.com' ....

  • user: null | user

IfFirebaseAuthed

Only renders when a user is authenticated

Name

Type

Required

Default

children

({authState}) => ReactNode

no

render

({authState}) => ReactNode

no

IfFirebaseAuthedAnd

Only renders when a user is authenticated AND when the filter function passed as prop returns true

Name

Type

Required

Default

children

({authState}) => ReactNode

no

render

({authState}) => ReactNode

no

filter

(authState) => boolean

IfFirebaseAuthedOr

Only renders when a user is authenticated OR when the filter function passed as prop returns true

Name

Type

Required

Default

children

({authState}) => ReactNode

no

render

({authState}) => ReactNode

no

filter

(authState) => boolean

IfFirebaseUnAuthed

Only renders when a user is unauthenticated

Name

Type

Required

Default

children

({authState}) => ReactNode

no

render

({authState}) => ReactNode

no

https://react-firebase-js.com/docs/react-firebase-auth/api
Firebase Auth Reference
authState
authState
authState
authState
firebase