How do I set up authentication in a React app using Firebase?

How do I set up authentication in a React app using Firebase?

To set up Firebase authentication in your React app, first, create a Firebase project in the Firebase console.

What packages do I need to install?

You need to install Firebase SDK. You can do this by running npm install firebase in your project directory.

How do I initialize Firebase in my app?

You can initialize Firebase by importing it and using your project's configuration object in your main component.

Can you show me an example of the configuration?

Sure! Here's a basic example:

import { initializeApp } from 'firebase/app';

const firebaseConfig = {
  apiKey: 'YOUR_API_KEY',
  authDomain: 'YOUR_AUTH_DOMAIN',
  projectId: 'YOUR_PROJECT_ID',
  storageBucket: 'YOUR_STORAGE_BUCKET',
  messagingSenderId: 'YOUR_MESSAGING_SENDER_ID',
  appId: 'YOUR_APP_ID'
};

const app = initializeApp(firebaseConfig);