AngularFire Integration Skill

Master Firebase integration with Angular 20+ using AngularFire v20+. This skill covers authentication, Firestore database, cloud storage, cloud functions, and best practices for reactive state management with Signals.

📋 Rules

Core Integration

• MUST use provideFirebaseApp() + initializeApp() in app.config.ts providers
• MUST use modular API imports: provideAuth(() => getAuth()), provideFirestore(() => getFirestore())
• MUST NOT use compatibility API (@angular/fire/compat/*)
• MUST store Firebase config in environment files
• MUST NOT hardcode API keys or secrets in version control

Authentication

• MUST use inject(Auth) for authentication service
• MUST use toSignal() to convert authState() observable to Signal
• MUST provide initialValue: null when converting auth state
• MUST manage auth state in NgRx Signals store
• MUST NOT use manual subscriptions for auth state