Search Lessons, Code Snippets, and Videos
search by algolia

Snippets

You have unlimited access as a PRO member

You are receiving a free preview of 3 lessons

Your free preview as expired - please upgrade to PRO

How to Use Google APIs With Firebase Auth

Access Google APIs from Firebase with the gapi client library.

Deploy an Ionic4 Android App to the Google Play Store

Build, sign, and deploy and Ionic 4 Android app step-by-step

How to Pass Data to Modals in Ionic 4

Pass data to a modal in Ionic 4 with componentProps

Organize Shared Components in an Ionic 4 App

Learn how to generate a shared module component reusability in Ionic 4

Making Ionic4 SEO Friendly

Learn how to set metatags for search engines and linkbots in Ionic 4

Using ViewChild in Ionic 4 to Call Component Methods

ViewChild is an important tool in Ionic 4 that can be used to call API methods on components.

Testing RxJS Observables With Jest

Learn how to write unit testing RxJS Observables using Jest

How to Avoid Observable Flicker on Initialzation

Use the RxJS startWith operator to provide initial data to prevent flickering problems, using AngularFire user auth as an example.

The Concise Angular 6 Universal Guide

Updated step-by-step guide for Angular Universal SSR in version 6.x with Firebase support

How to Use a Firebase FCM Service Worker With Angular's NGSW Service Worker

Combine the Angular service worker with Firebase's FCM worker to send notifications in progressive web apps.

Check if Current User Is Signed-in or for Data Existence With AngularFire

Snippet to check if current user exists in AngularFire2

How to Format Document Data for the Firestore REST API

Convert JSON or JavaScript objects for write requests to the Firestore REST API.

Combine Firestore Collections Into a Single Array Observable

A snippet that will combine Firestore collections via AngularFire2, while maintaining realtime listeners.

Migration Guide for AngularFire V5 + Firestore

Learn how to upgrade from Angularfire2 version 4 to the awesome new features in version 5 with the Firestore document database.

Angular Phone Number Validation and E164 Formatting

Snippet to validate phone numbers with Angular4 with either reactive forms or template-driven forms.

Negative Timestamps to Sort Records in Firebase

Learn how to add negative timestamps to Firebase records to enable reverse sorting of large datasets.

Query Firebase Data With Angular Router URL Parameters

Use the Angular Router to make queries to the Firebase Realtime Database.

Angular Pipe to Shuffle Strings With JavaScript

A snippet that can shuffle strings with JavaScript (TypeScript), wrapped in an Angular Pipe

Router Transition Animations With Angular 4

Animate your route transitions with the router in Angular 4.2+

Animate a Component Based on Scroll Position Angular 4.2

An Angular 4.3 snippet that keeps track of the scroll position of a component and animates it into the view.

Custom Algolia Hits Widget to Integrate With Angular Directives

Build a custom hits widget that will save the InstantSearch results in an RxJS BehaviorSubject.

How to Reverse an Observable Array in Angular - AngularFire2 FirebaseListObservable

How to Reverse an Observable Array in Angular with a Custom Pipe

Upgrading or Linking Firebase User Accounts

This snippet is useful for linking multiple accounts under the same Firebase UID with AngularFire2

Firebase Storage Cloud Function - Image Thumbnail Generator

Snippet for creating image thumbnails in Firebase Cloud Functions with Sharp.

Trigger HTTP Cloud Functions From an Angular Component

Snippet showing you how to trigger an HTTP cloud function from an Angular Component

Firebase Cloud Function for Transactional Email With Sendgrid

An example of SendGrid integrated with Firebase cloud functions

10

AngularFire2 Version 4 - Authentication Service

Auth Service Snippet for AngularFire2 v4

Firebase Auth Router Guard With Browser Refresh

This Angular4 auth guard blocks routes for unauthenticated users and will maintain the correct URL when the browser goes through a full refresh

Handle Forgot Password in Angular With Firebase

Snippet to Handle Forgot Password in Angular with Firebase

Service for Authenticating Users via Firebase and Angular

This code handles most of the heavy lifting for Firebase user auth in Angular2+, including OAuth, Anonymous, and Email/Password providers