November 2022 Summaries

Firebase has partnered with Vue core team member and vue-router author Eduardo San Martin Morote to develop a redesigned VueFire library that improves integration between Vue, Firebase, and Nuxt. The alpha-stage project introduces a Vue plugin for simplified Firebase initialization, reactive Composition API composables for services such as Firestore and Authentication, and continued Options API support for Vue 2.7 and existing applications. Planned capabilities include authentication-aware router guards, a dedicated Nuxt module for server-side data fetching, hydration, and authentication, broader support for Firebase services including Storage, Functions, Analytics, and App Check, and simplified Nuxt deployment to Firebase Hosting through the Firebase CLI. VueFire currently supports Firestore, Realtime Database, Auth, App Check, and Storage, while its forthcoming documentation, cookbook, and video course are intended to help developers adopt the library as it progresses toward a stable release.

In the ninth #FirebaserFriday profile, Firebase engineer Charlotte Liang describes her 7.5-year career at Google, beginning with development of the Firebase Remote Config iOS SDK and continuing with efforts to modernize Firebase SDKs through current Swift language features. A former iOS game developer, she has created personal apps through Firebase hackathons, including a travel-photo sharing app that used WidgetKit, and plans to explore Firebase in an upcoming watchOS project. Liang favors Swift’s async/await model for clearer handling of multiple network calls and values SwiftUI’s ability to support cross-platform Apple interfaces from a shared codebase, a goal Firebase also seeks for its developers. She also shares interests outside engineering, including the unSILOed podcast, her Berkeley Haas MBA coursework, and Japanese Breakfast, while directing readers to her Twitter and GitHub profiles for her work.

La Haus, founded by Santiago García and supported by tech lead Daniel Gomez Rico, aims to simplify the fragmented and often unreliable process of buying or building a home in Latin America. The company operates a marketplace for prospective buyers while offering developers tools to manage inventory and distribute listings, guiding customers from property discovery through reservations and secure down payments. Seeking to launch a native mobile app quickly with limited infrastructure resources, the team built in Flutter and adopted Firebase for its integrated services. La Haus uses Crashlytics to track technical and business errors, Performance Monitoring to evaluate widget rendering and backend requests, and Remote Config with A/B Testing to test product changes and give team members greater autonomy. The company views Firebase as essential for maintaining app quality, monitoring performance, controlling costs, and moving quickly in a fast-changing market.

Part seven of an Android Jetpack Compose tutorial series explains how Firebase Remote Config can remotely alter an app’s behavior or appearance without requiring users to install an update. Remote Config supports string, numeric, Boolean, and JSON parameters, along with targeting conditions based on factors such as country, platform, user percentage, and Analytics audiences, making it useful for localized content, staged rollouts, discounts, and emergency feature shutdowns. The article demonstrates a Boolean feature flag in the Make it So to-do app that controls whether users can edit tasks, covering the addition of Firebase Remote Config and Analytics dependencies, creation of the parameter in Firebase Console, and configuration of a zero fetch interval in debug builds for testing. At launch, the app fetches and activates current settings, exposes the flag through a configuration service, and passes the resulting task actions through the ViewModel to the Compose UI, so changing the flag in Firebase Console adds or removes the edit option after the app is reopened.

Part six of an Android Jetpack Compose application series introduces Firebase Performance Monitoring, which provides real-time performance insights through automatically collected app startup, lifecycle, network-request, and screen-rendering data. The Firebase console organizes this information into traces, metrics, and attributes, allowing developers to visualize trends, compare app versions, and identify areas for improvement. After adding the Firebase Performance Monitoring SDK and Gradle plugin, automatic monitoring begins without additional code, although automatic screen rendering is not currently available for typical single-Activity Compose apps. The article therefore explains how to create custom traces around important UI or business-logic code paths, including a reusable Kotlin tracing function that automatically starts and stops measurements and can attach custom metrics or attributes. Developers can then review custom-trace execution times in the Firebase Performance dashboard, while the next installment will cover Firebase Remote Config.