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
Authentication & Security
Backend & Functions
| Topic | Description | Reference |
|---|
| Cloud Functions | Calling HTTPS callable functions | product-functions |
Analytics & Monitoring
Configuration & Messaging
AI
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 |