use-firebase-auth
Firebase authentication hook
Install
npm install --save use-firebase-auth
yarn add use-firebase-auth
Usage
Configure firebase application and pass it to the FirebaseAuthProvider
.
Wrap the parent component (your app component or any other parent component) with the provider, so that all the children component can share the auth information (user info, loading/error status, etc)
import React from "react"
import ReactDOM from "react-dom"
import App from "./components/app"
import { FirebaseAuthProvider } from "use-firebase-auth"
import firebase from "firebase/app"
import "firebase/auth"
const firebaseConfig = {
//Load your Firebase Project configuration here
}
// Initialize Firebase
firebase.initializeApp(firebaseConfig)
ReactDOM.render(
<FirebaseAuthProvider firebase={firebase}>
<App />
</FirebaseAuthProvider>,
document.getElementById("root"),
)
import React, { Component } from "react"
import { useFirebaseAuth } from "use-firebase-auth"
const Example = () => {
const { user, loading, error, signInWithProvider } = useFirebaseAuth()
return <div>...</div>
}
Demo
License
MIT © ulentini
This hook is created using create-react-hook.