How can I implement authentication in my React app using Firebase hooks?

How can I implement authentication in my React app using Firebase hooks?

You can use the react-firebase-hooks library to simplify authentication. First, install it using npm.

What are the steps to set it up?

1. Install Firebase and react-firebase-hooks. 2. Initialize Firebase in your app. 3. Use the useAuthState hook to manage user state.

Can you show me a code example?

Sure! Here's a basic example:

import { useAuthState } from 'react-firebase-hooks/auth';
import { auth } from './firebase';

function App() {
  const [user] = useAuthState(auth);
  return <div>{user ? `Hello, ${user.displayName}` : 'Please log in'}</div>;
}

What if I want to add Google sign-in?

You can use the signInWithPopup method from Firebase. Just set up a Google provider and call it when needed.