angularfire

Angular wrapper for Firebase with dependency injection, RxJS observables, and Zone.js integration

Safety Notice

This listing is imported from skills.sh public index metadata. Review upstream SKILL.md and repository scripts before running.

Copy this and send it to your AI assistant to learn

Install skill "angularfire" with this command: npx skills add angular-sanctuary/angular-agent-skills/angular-sanctuary-angular-agent-skills-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

TopicDescriptionReference
Setup & ConfigurationFirebase app initialization and dependency injectioncore-setup
Zone WrappersUnderstanding zone integration for app stabilitycore-zones

Firebase Products

Database & Storage

TopicDescriptionReference
Cloud FirestoreCollections, documents, queries, real-time dataproduct-firestore
Realtime DatabaseLists, objects, queries, and real-time syncproduct-realtime-database
Cloud StorageFile uploads, downloads, and managementproduct-storage

Authentication & Security

TopicDescriptionReference
AuthenticationAuth state, observables, sign-in methods, SSR supportproduct-auth
Auth GuardsRoute protection with customizable pipesproduct-auth-guards
App CheckProtecting backend resources from abuseproduct-app-check

Backend & Functions

TopicDescriptionReference
Cloud FunctionsCalling HTTPS callable functionsproduct-functions

Analytics & Monitoring

TopicDescriptionReference
AnalyticsEvent tracking and user propertiesproduct-analytics
Performance MonitoringCustom traces and metricsproduct-performance

Configuration & Messaging

TopicDescriptionReference
Remote ConfigFeature flags and dynamic configurationproduct-remote-config
Cloud MessagingPush notifications with service workersproduct-messaging

AI

TopicDescriptionReference
Vertex AIGemini generative AI modelsproduct-vertexai

Advanced Topics

TopicDescriptionReference
Firebase Hosting DeploymentDeploy to Firebase Hosting with CLI schematicsadvanced-deploy
Server-Side RenderingAngular Universal with Firebaseadvanced-ssr
Emulator SuiteLocal development with Firebase emulatorsadvanced-emulators

Source Transparency

This detail page is rendered from real SKILL.md content. Trust labels are metadata-based hints, not a safety guarantee.

Related Skills

Related by shared tags or category signals.

Automation

angular-material

No summary provided by upstream source.

Repository SourceNeeds Review
Automation

angular-aria

No summary provided by upstream source.

Repository SourceNeeds Review
General

angularfire

No summary provided by upstream source.

Repository SourceNeeds Review