Intro to Firebase

David East / @_davideast

Developer Advocate / @Firebase

The Realtime Backend

for your App

Realtime Data

Realtime data denotes information that is delivered immediately after collection

Push data rather than request it

Google Docs

Realtime data gives your users a premium experience

Realtime data is the best data

Firebase

The Realtime Backend

for your App

Cloud database

NoSQL data-store

Returns JSON from a RESTful API

Realtime Data

Whenever data is updated in Firebase, it sends the update down to every listening client

SDKs

Store Data

						var ref = new Firebase('https://hack-a-ton.firebaseio.com/realtime');
ref.set('All the things');
					

Sync Data

						var label = document.getElementById('labelRealtime');
var ref = new Firebase('https://hack-a-ton.firebaseio.com/realtime');
ref.on('value', function(snap) {
  label.innerText = snap.val();
});
					

Bindings

AngularFire

AngularFire

					app.controller('MainCtrl', function($scope, $firebase) {
  var ref = new Firebase('https://hack-a-ton.firebaseio.com/items');
  $scope.items = $firebase(ref).$asArray();
});
					

						<div ng-repeat="item in items">{{item.name}}</div>
					

Live Coding

Focus on your app

The user doesn't care how many databases you have

What matters is that your app is fast and enjoyable

Summary

Realtime data is pushed, not requested

Realtime is a premium experience

Firebase makes realtime easy

AngularFire <3 Ionic

https://firebase.com/docs/web

ASK ME QUESTIONS

David East / @_davideast

Developer Advocate / @Firebase