firebase-js-sdk VS reactfire

Compare firebase-js-sdk vs reactfire and see what are their differences.

Our great sponsors
  • SurveyJS - Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App
  • InfluxDB - Power Real-Time Data Analytics at Scale
  • WorkOS - The modern identity platform for B2B SaaS
firebase-js-sdk reactfire
87 17
4,705 3,470
0.8% 0.7%
9.3 5.1
1 day ago 16 days ago
TypeScript TypeScript
GNU General Public License v3.0 or later MIT License
The number of mentions indicates the total number of mentions that we've tracked plus the number of user suggested alternatives.
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.

firebase-js-sdk

Posts with mentions or reviews of firebase-js-sdk. We have used some of these posts to build our list of alternatives and similar projects. The last one was on 2023-05-22.
  • There's an almost 5-year-old bug in the Firebase js SDK that leaks 2 event listeners every second
    3 projects | /r/programming | 22 May 2023
  • ReactNative Expo File Based Routing with Firebase Authentication
    5 projects | dev.to | 26 Apr 2023
    Auth persistence Issue Firebase SDK - https://github.com/firebase/firebase-js-sdk/issues/6050
  • Adding Firebase Authentication to Your Web Application
    2 projects | dev.to | 21 Jan 2023
    Initializing Firebase in a Web Application (check out the previous article or check Firebase docs)
  • How to use Firestore with Redux in a React application
    5 projects | dev.to | 9 Jan 2023
    Firebase is a backend-as-a-service platform. One of their products is Firestore, which is a noSQL database. To use it in your app, the recommended approach is to use the Firebase SDK.
  • Cryptee + Google login issues
    6 projects | /r/PrivacyGuides | 31 Dec 2022
    Incorrect, twice. We're not asking you to trust us, you can verify it yourself, Google Auth's scripts are open source. Here and here. They're also available in our repo as well.
  • Build Refactor: A React app with the new Firebase v9.x Web SDK
    2 projects | dev.to | 28 Nov 2022
    The release of version 9 of the Firebase Web SDK has introduced breaking changes in methods for managing users and querying databases. Code written in Firebase v8.x will throw errors when used in v9.x, which calls for refactoring.
  • error: socket hang up on firebase functions
    2 projects | /r/learnjavascript | 24 Oct 2022
  • Tell HN: Stytch Login SaaS Unicorn has common auth vulnerabilities
    6 projects | news.ycombinator.com | 11 Oct 2022
    Yes, Firebase also stores refresh tokens client-side [1]. The trade-off that both Firebase and Stytch are managing when we follow this pattern is the following:

    - You can provide a significantly better developer experience and set-up with this architecture. While there are designs that allow 3rd party APIs like ours to set HTTPOnly cookies by proxying the 3rd party APIs as subdomains, this creates new burdens on the developer for minimal gain considering that a XSS attack vector indicates a severe compromise of the application.

    - Today, customers that feel strongly about using HTTPOnly session management will opt for a direct integration with our API using one of our back-end client libraries rather than our JS SDK. While we have interest in providing a HTTPOnly solution in the future to interested customers, we’ve decided the default behavior of the existing SDK is better suited for most developers.

    [1] https://github.com/firebase/firebase-js-sdk/blob/0b3ca78eb97...

  • RxFire in ReactJS using Firebase Firestore and Authentication
    4 projects | dev.to | 30 Aug 2022
    RxFire was created by David East, who is a Firebase Developer Advocate. Although Firebase Blog introduced RxFire in September, 2018 I thought it would be a good point of reference for beginners starting out with both ReactJs and Firebase.For those coming from an Angular background you might be familiar with RxJS and the Angularfire2 package. I know from my experience you MUST learn RxJS if you are going to use Angular on any size application. It can be one of the hardest parts to learn but there are several fantastic tutorials and sites dedicated to how RxJS works.Some of my favorites
  • Deployment not working - using vue3
    2 projects | /r/Firebase | 29 Aug 2022
    // Import the functions you need from the SDKs you need import { initializeApp } from "firebase/app"; import { getAnalytics } from "firebase/analytics"; // TODO: Add SDKs for Firebase products that you want to use // https://firebase.google.com/docs/web/setup#available-libraries // Your web app's Firebase configuration // For Firebase JS SDK v7.20.0 and later, measurementId is optional const firebaseConfig = { apiKey: "AIzaSyBAPHtA2Rqx6szOtMLwSHtagbZVV0rRXCE", authDomain: "vuetest29aug.firebaseapp.com", projectId: "vuetest29aug", storageBucket: "vuetest29aug.appspot.com", messagingSenderId: "777613642842", appId: "1:777613642842:web:0634bc9dc3bbb632eedc63", measurementId: "G-KG6K583J4F" }; // Initialize Firebase const app = initializeApp(firebaseConfig); const analytics = getAnalytics(app);

reactfire

Posts with mentions or reviews of reactfire. We have used some of these posts to build our list of alternatives and similar projects. The last one was on 2023-07-12.
  • Angular Fire equivalent for React?
    3 projects | /r/reactjs | 12 Jul 2023
    ReactFire
  • Can't call Google Cloud Function from a react app. I get googleauth.js:17 Uncaught Error: Cannot find module 'child_process' in my browser's console
    3 projects | /r/googlecloud | 9 Dec 2022
    Are you using Firebase? If not, you probably should. You can call functions (with Auth) from your react app. There's a framework you can use to help: https://github.com/FirebaseExtended/reactfire
  • Convex vs. Firebase
    7 projects | news.ycombinator.com | 21 Jun 2022
    I was an early developer at Firebase. I think we made Firebase so easy to use and never spoke on about the technicals that the whole software ecosystem now underestimates the complexity involved. I see various Firebase competitors asserting various "mistakes it makes" without really understanding what it delivers, which is understandable because we never marketed it like that because we spoke only about how it can help you build easier.

    The idea that n queries instead of a join is slow is not as true as you would think. Firestore supports streaming and pipelines at its core, and can reuse cache across operations. At the end of the day, the data goes over a narrow network channel. If you can saturate the channel, and don't leave any gaps, what's the performance difference if the data comes from a single query or many that are back-to-back. The data is transferred to the client either way. Both Firebase databases are pipelined, so this "many round trip" argument is not a decent argument if the client can issue the queries without waiting for responses (such as the code in this article).

    The other is consistency levels and correctness. I constantly see devs call Firebase an eventually consistent database which is wrong, its causally consistent [1], and this makes a huge difference when trying to do OLTP. The offline capabilities are built on the consistency primitives, and it's the only way it can work. So while this convex article is banging on about "End-to-End Correctness Philosophy", they miss the most important quality of correctness, and if they are not careful, will miss the required engineering, and then be unable to deliver an offline cache over real-time streams. I see this playing out with Supabase, I warned them personally before they got into YCombinator that what they were building was not causally consistent. Since then, they have had to rearchitect their real-time features after shipping them. (I have not reviewed their latest design yet so I have no idea whether they have it right yet).

    Many things sucked about Firebase. The bespoke security rules and the lack of views. So Convex is on the money shipping functions on the backend. I think Supabase is shipping competitors' mistakes with row-level security language. Personally, I think Firebase's mistakes can be fixed with the addition of an open-source Firebase server [1], as the clients are already open source and the mistakes are all to do with just the server. The real tech was always in the clients anyway (offline cache, connection management, operation queues).

    It will be interesting to see if building expressly for React is a good idea. Firebase shipped many adapters, like https://github.com/FirebaseExtended/reactfire, using the "thin-waist" principle of not over-fitting. But Javascript technology moved from callbacks to async while Firebase was in the field, so the current API is not now idiomatic. But convex is setting itself for even more ecosystem fragility, what if React changes API or falls out of favor? This is a big risk! I hope they can roll with whatever happens!

    [1] https://observablehq.com/@tomlarkworthy/redis-backend-1

  • Do you have to use an ODM for firestore?
    2 projects | /r/Firebase | 25 May 2022
    Since you mentioned you're also using React, we have a React specific library (ReactFire) that also helps out quite a bit.
  • Intro To ReactFire v4 - Login, Logout Create Account And Protected Routes
    2 projects | dev.to | 1 Mar 2022
    From the ReactFire Example Code, see this is in AppAuthWrapper.tsx. The AuthWrapper code is from the reactfire repo to account for the removal of AuthCheck component
    2 projects | dev.to | 1 Mar 2022
    This is a quick walkthrough of a code example using ReactFire v4 in an application. The application supports login, logout, create an account, and protected routes. We also walk through two approaches for protecting routes since the AuthCheck component that existed in v3 no longer exists in v4 of ReactFire.
  • React Query + Firestore = ❤️
    3 projects | /r/reactnative | 5 Sep 2021
    reactfire
  • Usando Firebase para autenticar en Django REST Framework
    9 projects | dev.to | 2 Jun 2021
  • Has anyone had any success in setting up React tests using Create React App + Jest + Jsdom + Firebase Emulators
    2 projects | /r/Firebase | 9 Mar 2021
    Maybe someone over on the ReactFire repo can give some advice:https://github.com/FirebaseExtended/reactfire
  • How To Use ReactFire & Redux Using Firebase Emulator to Build a CRUD Application
    2 projects | dev.to | 7 Mar 2021
    ReactFire - GitHub Project ReactFire Overview - Documentation Firebase Emulator - Overview

What are some alternatives?

When comparing firebase-js-sdk and reactfire you can also consider the following projects:

react-query-firebase - React Query hooks for managing asynchronous operations with Firebase. Supports Authentication, Analytics, Firestore & Realtime Database.

use-pagination-firestore - 🔥 React hook for non-cumulative pagination of Firebase Firestore collections

strapi-connector-firestore - Strapi database connector for Firestore database on Google Cloud Platform.

rowy - Low-code backend platform. Manage database on spreadsheet-like UI and build cloud functions workflows in JS/TS, all in your browser.

react-famous - React bridge to Famo.us

Redux Slim Async - :alien: A Redux middleware to ease the pain of tracking the status of an async action

react-localstorage - Simple componentized localstorage implementation for Facebook's React.

react-swf - Shockwave Flash Player component for React

firebase-admin-node - Firebase Admin Node.js SDK

Firebase Admin SDK for PHP - Unofficial Firebase Admin SDK for PHP

react-on-rails - Integration of React + Webpack + Rails + rails/webpacker including server-side rendering of React, enabling a better developer experience and faster client performance.

functions-samples - Collection of sample apps showcasing popular use cases using Cloud Functions for Firebase