DEV Community

React & Firebase: Add Firebase to a React App

faraz ahmad on June 04, 2020

Note: With the release of v9 of the firebase library, this post is out of date. I've been using React together with Firebase for several...

Read full post

Aditya Mitra • Jun 5 '20

I really like firebase. It would be great if they would allow us to perform cross-origin API requests in firebase functions.

faraz ahmad • Jun 5 '20

I like it too! You can do cross-origin requests. You just need to use the cors npm package.

Here's an example I pulled from a function I wrote.

import * as functions from "firebase-functions";
import * as Cors from "cors";

const cors = Cors({ origin: true });

export const handleCrossOriginRequest = functions.https.onRequest((req, res) => {
  cors(req, res, async () => {
    // your logic here
  });
});

Hope this helps!

Aditya Mitra • Jun 5 '20 • Edited

Yeah, but you need to set the billing method first.
That's painful.

faraz ahmad • Jun 5 '20

I see. What do you need cross-origin requests for if I may ask?

Alper Güven • Dec 29 '20

I applied this and Firebase logged a warning to console immediately. It suggests that you should only import the part you use. So, for this example:
Rather than this >> import firebase from "firebase";
It suggests to use this >> import firebase from "firebase/app";