A set of reusable services functions for Firebase.
@qonsoll/firebase-services requires React 16.8.0 or later and Firebase 8.8.0 <= version < 9.
# with npm
npm install --save firebase lodash
# with yarn
yarn add firebase lodash# with npm
npm install @qonsoll/firebase-services
# with yarn
yarn add @qonsoll/firebase-services- First you need to create function that will initialize firebase app in your project
importfirebasefrom'firebase/app'//Also here you can insert all nessesary firebase imports.import'firebase/auth'import'firebase/storage'import'firebase/database'import'firebase/firestore'// Config and init firebase application.exportconstinitFirebaseApp=()=>{constfirebaseConfig={apiKey: process.env.REACT_APP_FIREBASE_API_KEY,authDomain: process.env.REACT_APP_FIREBASE_AUTH_DOMAIN,databaseURL: process.env.REACT_APP_FIREBASE_DATABASE_URL,projectId: process.env.REACT_APP_FIREBASE_PROJECT_ID,storageBucket: process.env.REACT_APP_FIREBASE_STORAGE_BUCKET,messagingSenderId: process.env.REACT_APP_FIREBASE_MESSAGING_SENDER_ID,appId: process.env.REACT_APP_FIREBASE_APP_ID}if(!firebase.apps.length){firebase.initializeApp(firebaseConfig)}else{firebase.app()}}- In your index.js file import previous function and call it.
//// ...imports//import{initFirebaseApp}from'./config/firebase'// Initialize firebase application.initFirebaseApp()constApp=()=>({/* Components */})- After you initialized firebase app, you should add component which will provide firebase object for library.
importfirebasefrom'firebase/app'// Use default import to name it as you want.importFBSProviderfrom'@qonsoll/firebase-services'// or use named import.// import { FirebaseServicesProvider } from '@qonsoll/firebase-services'import{initFirebaseApp}from'./config/firebase'// Initialize firebase application.initFirebaseApp()constApp=()=>(<FBSProviderfirebase={firebase}>{/* Components */}</FBSProvider>)Next step is read documentation about functions you needs.