codediodeio

import { Injectable } from '@angular/core';
import { AngularFireAuth } from "angularfire2/auth";
import { AngularFireDatabase } from "angularfire2/database";
import * as firebase from 'firebase';

import { BehaviorSubject } from 'rxjs/BehaviorSubject';

export class User {
  uid: string;
  username:string;

codediodeio

import { Injectable } from '@angular/core';
import { AngularFireAuth } from "angularfire2/auth";
import { AngularFireDatabase } from "angularfire2/database";
import * as firebase from 'firebase';

import { BehaviorSubject } from 'rxjs/BehaviorSubject';

export class User {
  uid: string;
  username:string;

codediodeio

var functions = require('firebase-functions');
const admin = require('firebase-admin');
admin.initializeApp(functions.config().firebase);

const request = require('request-promise');
const _ = require('lodash');

// List of output languages.
const LANGUAGES = ['es', 'fr', 'ar'];

codediodeio

<div  *ngFor="let item of listObservable | async | reverse">
  {{item?.whatever}}
</div>

codediodeio

  createData() {

    const data = {
      name: 'Crane',
      family: 'bird',
      weight: 10,
      endangered: false,

      // composite keys
      endangered_family: 'false_bird',

codediodeio

<div *ngFor="let hit of hits | async">
  {{hit | json}}
</div>

codediodeio

@State<AppStateModel>({
    name: 'app',
    defaults: {
        hello: '',
    }
})
export class AppState {}

codediodeio

<button (click)="sendEmail()">Send Email via Cloud Function</button>

codediodeio

<div id="search-box">
  <!-- SearchBox widget will appear here -->
</div>
<div id="stats">
  <!-- stats widget will appear here -->
</div>
<div id="hits">
  <!-- Hits widget will appear here -->
</div>
<div id="pagination">

codediodeio

export class DocRef {
  private ref: firebase.firestore.DocumentReference;
  private stream;

  constructor(private path: string) {
    this.ref = firebase.firestore().doc(path);
    this.stream = Observable.create(observer => {
      this.ref.onSnapshot({
        next(doc) {
          observer.next(doc);