angularfire

The skill is based on AngularFire v18.0.1, generated at 2026-02-01.

AngularFire is the official Angular library for Firebase. It provides Angular-native wrappers around the Firebase JS SDK with:

• Dependency Injection - Firebase services as injectable Angular services
• Zone.js Integration - Automatic zone wrapping for change detection stability
• RxJS Observables - Real-time data streams as Observables
• Lazy Loading - Dynamic imports to reduce bundle size
• SSR Support - Compatible with Angular Universal/SSR
• Router Guards - Built-in auth guards for route protection

When to Apply

Use this skill when:

• Setting up Firebase in an Angular application
• Implementing Firebase Authentication (sign-in, sign-out, auth guards)
• Working with Cloud Firestore (collections, documents, queries, real-time updates)
• Using Realtime Database for real-time data synchronization
• Managing file uploads/downloads with Cloud Storage
• Calling Cloud Functions from Angular
• Implementing analytics, performance monitoring, or remote config
• Setting up push notifications with Cloud Messaging
• Protecting routes with auth guards
• Configuring Firebase emulators for local development
• Building server-side rendered Angular apps with Firebase

Do NOT use this skill when:

• Using Firebase JS SDK directly without Angular wrappers
• Working with non-Firebase backends
• The Firebase product you need is not supported by AngularFire

Core References

Topic	Description	Reference
Setup & Configuration	Firebase app initialization and dependency injection	core-setup
Zone Wrappers	Understanding zone integration for app stability	core-zones

Firebase Products

Database & Storage

Topic	Description	Reference
Cloud Firestore	Collections, documents, queries, real-time data	product-firestore
Realtime Database	Lists, objects, queries, and real-time sync	product-realtime-database
Cloud Storage	File uploads, downloads, and management	product-storage

Authentication & Security

Topic	Description	Reference
Authentication	Auth state, observables, sign-in methods, SSR support	product-auth
Auth Guards	Route protection with customizable pipes	product-auth-guards
App Check	Protecting backend resources from abuse	product-app-check

Backend & Functions

Topic	Description	Reference
Cloud Functions	Calling HTTPS callable functions	product-functions

Analytics & Monitoring

Topic	Description	Reference
Analytics	Event tracking and user properties	product-analytics
Performance Monitoring	Custom traces and metrics	product-performance

Configuration & Messaging

Topic	Description	Reference
Remote Config	Feature flags and dynamic configuration	product-remote-config
Cloud Messaging	Push notifications with service workers	product-messaging

AI

Topic	Description	Reference
Vertex AI	Gemini generative AI models	product-vertexai

Advanced Topics

Topic	Description	Reference
Firebase Hosting Deployment	Deploy to Firebase Hosting with CLI schematics	advanced-deploy
Server-Side Rendering	Angular Universal with Firebase	advanced-ssr
Emulator Suite	Local development with Firebase emulators	advanced-emulators