--- title: Introducing RxFire: Easy async Firebase for all frameworks description: Firebase introduces RxFire, a new JavaScript library that pairs RxJS observables with Firebase's realtime and async APIs to simplify combining multiple data... canonical: https://daily.dev/posts/introducing-rxfire-easy-async-firebase-for-all-frameworks-ypyef4mzt twitter:card: summary_large_image twitter:site: @dailydotdev og:type: website og:site_name: daily.dev og:title: Introducing RxFire: Easy async Firebase for all frameworks | daily.dev og:description: Firebase introduces RxFire, a new JavaScript library that pairs RxJS observables with Firebase's realtime and async APIs to simplify combining multiple data... og:url: https://daily.dev/posts/introducing-rxfire-easy-async-firebase-for-all-frameworks-ypyef4mzt og:image: https://api.daily.dev/og/posts/YPYEf4mzt.png og:image:alt: Introducing RxFire: Easy async Firebase for all frameworks og:image:width: 1200 og:image:height: 630 og:locale: en --- > ## Documentation Index > Fetch the complete documentation index at: https://daily.dev/llms.txt > Use this file to discover all available pages before exploring further. # Introducing RxFire: Easy async Firebase for all frameworks **[Firebase](https://daily.dev/sources/firebase-blog)** · 8 min read · 0 upvotes · 0 comments ## Summary Firebase introduces RxFire, a new JavaScript library that pairs RxJS observables with Firebase's realtime and async APIs to simplify combining multiple data streams. It offers observable creation methods for auth state, Firestore documents/collections, and Realtime Database lists, works with any framework (React, Preact, Vue, Stencil, Polymer, or plain JS), and supports joining data sources via combineLatest, chaining async calls with switchMap, and code-splitting Firebase with dynamic imports. An update note states RxFire has since reached general availability and is production-ready. ## Full article daily.dev links to this article rather than hosting it. Read it at the original source: ## Questions this post answers ### How do I use RxJS observables with Firebase authentication state? RxFire provides an authState function that wraps Firebase auth in an RxJS observable. Import authState from rxfire/auth, call it with your firebase.auth() instance, then use RxJS operators like filter to check for a non-null user before subscribing, for example filtering out logged-out states and logging the authenticated user object. _Developers wiring up reactive auth flows can track library updates like RxFire on daily.dev._ ### How can I join data from Firestore documents and collections using RxJS? RxFire's docData and collectionData functions convert Firestore document and collection references into RxJS observables, which can then be combined with combineLatest to merge results, similar to a join. For example, a user profile document observable and a cart collection observable can be combined so the cart becomes a property on the profile in a single subscription callback. _daily.dev helps developers comparing data-joining approaches across Firebase and RxJS stay current._ ### Is RxFire ready for production use with Firebase? Yes, RxFire reached general availability and is confirmed ready for production, according to an update appended to its introduction. It requires firebase and rxjs as peer dependencies and can be installed via npm or yarn with the command 'npm i rxfire firebase rxjs'. _Teams evaluating Firebase tooling maturity can follow release status updates like this on daily.dev._ ## Similar posts on daily.dev - [Diving Into Reactive Programming in Node.js](https://daily.dev/posts/diving-into-reactive-programming-in-node-js-gh5q38fst) · AppSignal · 52 upvotes · 0 comments - [Ultimate Angular Firebase Setup with AnalogJS](https://daily.dev/posts/ultimate-angular-firebase-setup-with-analogjs-axsdtce68) · Telerik · 0 upvotes · 0 comments --- Tags: [#javascript](https://daily.dev/tags/javascript), [#firebase](https://daily.dev/tags/firebase), [#rxjs](https://daily.dev/tags/rxjs) [View this post on daily.dev](https://daily.dev/posts/introducing-rxfire-easy-async-firebase-for-all-frameworks-ypyef4mzt) ```json {"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://daily.dev/#organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180},"sameAs":["https://twitter.com/dailydotdev","https://github.com/dailydotdev","https://www.linkedin.com/company/daily-dev-ltd"]},{"@type":"WebSite","@id":"https://daily.dev/#website","url":"https://daily.dev","name":"daily.dev","publisher":{"@id":"https://daily.dev/#organization"},"potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://daily.dev/search?q={search_term_string}"},"query-input":"required name=search_term_string"}}]} {"@context":"https://schema.org","@type":"TechArticle","headline":"Introducing RxFire: Easy async Firebase for all frameworks","url":"https://daily.dev/posts/introducing-rxfire-easy-async-firebase-for-all-frameworks-ypyef4mzt","mainEntityOfPage":{"@type":"WebPage","@id":"https://daily.dev/posts/introducing-rxfire-easy-async-firebase-for-all-frameworks-ypyef4mzt"},"datePublished":"2026-08-23T12:20:01.788Z","dateModified":"2026-08-23T12:40:06.015Z","description":"Firebase introduces RxFire, a new JavaScript library that pairs RxJS observables with Firebase's realtime and async APIs to simplify combining multiple data...","image":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/7ed721de96163685d26ab7e314be3ebc?_a=AQAEuop","thumbnailUrl":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/7ed721de96163685d26ab7e314be3ebc?_a=AQAEuop","isAccessibleForFree":true,"articleSection":"Firebase","inLanguage":"en","publisher":{"@type":"Organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180}},"author":{"@type":"Organization","name":"Firebase","logo":"https://media.daily.dev/image/upload/s--i395oqZH--/f_auto,q_auto/v1787487448/logos/firebase-blog?_a=BAMAMicg0","url":"https://daily.dev/sources/firebase-blog"},"commentCount":0,"discussionUrl":"https://daily.dev/posts/introducing-rxfire-easy-async-firebase-for-all-frameworks-ypyef4mzt","interactionStatistic":[{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":0},{"@type":"InteractionCounter","interactionType":{"@type":"CommentAction"},"userInteractionCount":0}],"keywords":"javascript,firebase,rxjs","timeRequired":"PT8M"} {"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"Firebase","item":"https://daily.dev/sources/firebase-blog"},{"@type":"ListItem","position":3,"name":"Introducing RxFire: Easy async Firebase for all frameworks"}]} {"@context":"https://schema.org","@type":"FAQPage","@id":"https://daily.dev/posts/introducing-rxfire-easy-async-firebase-for-all-frameworks-ypyef4mzt#faq","mainEntity":[{"@type":"Question","name":"How do I use RxJS observables with Firebase authentication state?","acceptedAnswer":{"@type":"Answer","text":"RxFire provides an authState function that wraps Firebase auth in an RxJS observable. Import authState from rxfire/auth, call it with your firebase.auth() instance, then use RxJS operators like filter to check for a non-null user before subscribing, for example filtering out logged-out states and logging the authenticated user object. Developers wiring up reactive auth flows can track library updates like RxFire on daily.dev."}},{"@type":"Question","name":"How can I join data from Firestore documents and collections using RxJS?","acceptedAnswer":{"@type":"Answer","text":"RxFire's docData and collectionData functions convert Firestore document and collection references into RxJS observables, which can then be combined with combineLatest to merge results, similar to a join. For example, a user profile document observable and a cart collection observable can be combined so the cart becomes a property on the profile in a single subscription callback. daily.dev helps developers comparing data-joining approaches across Firebase and RxJS stay current."}},{"@type":"Question","name":"Is RxFire ready for production use with Firebase?","acceptedAnswer":{"@type":"Answer","text":"Yes, RxFire reached general availability and is confirmed ready for production, according to an update appended to its introduction. It requires firebase and rxjs as peer dependencies and can be installed via npm or yarn with the command 'npm i rxfire firebase rxjs'. Teams evaluating Firebase tooling maturity can follow release status updates like this on daily.dev."}}]} ```