كيفية إستخدام firebase مع react js

طريقتك لإستعمال الfirebase هي طريقة الإصدار 8 , بينما في الغالب أنت تعمل بإستخدام الإصدار9

في الإصدار التاسع تختلف طريقة عمل الfirebase مع react حيث نقوم بدلاً من 

import firebase from '@firebase/app';
import '@firebase/storage';

 نقوم بإستيراد 

import { initializeApp } from "firebase/app";
import {getStorage, ref} from "firebase/storage";

ونقوم بإعداد الfirebase بإستخدام دالة الinitializeApp وتمرير الإعدادات الخاصة بالمشروع

const app = initializeApp(firebaseConfig)

ويجب أن يكون لديك كائن للإعدادات(firebaseConfig) حيث يحتوي على اعدادات المشروع كما بالشكل التالي

const firebaseConfig = {
    apiKey: "your api key",
    authDomain: "your authDoomain",
    databaseURL: "your database",
    projectId: "project id",
    storageBucket: "storage bucket",
    messagingSenderId: "message id",
    appId: "your app id",
    measurementId: "measurement id"
};

وللحصول على ذلك الملف يمكنك الدخول إلى موقع فاير بيز وأختيار مشروعك ومن ثم تذهب إلى قائمة ال project settings

ومن ثم يمكنك الحصول على كائن التخزين storage والref بالشكل التالي

const storage = getStorage(app);
const image_ref = ref(storage,"/images");