Building apps with Firebase and Angular 2 - Sara Robinson
Why Stack Overflow recommends it
Stack Overflow users link it when answering questions about using Firebase with Angular 2 alpha and beta, especially Observables, change detection and whether AngularFire is still needed.
Recommended by 4 people across 3 different months, 2015 to 2016.
What it is
A conference talk from AngularConnect 2015 in which Sara Robinson of Firebase shows how to add a Firebase backend to an Angular 2 app. It covers syncing data, authenticating users and deploying, and ends with a live coding demo of an app built with both.
What people said
Recommends robwormald · 2015-10 · Stack Overflow · on “Unable to figure out correct EventEmitter or Observable Syntax in Angular2 Services”
Good answer on the semantics of Observable vs Subject. For firebase specifically, see also Sara Robinson's AngularConnect talk [this video] and demo app [LINK] for some specific tricks for Firebase and Angular2.
Recommends Ilja · 2015-11 · Stack Overflow · on “Using AngularFire with angular 2.0 alpha”
Turns out we don't need to rely on AngularFire when using angular 2 with firebase, Thank you @Kato for pointing it out: [this video]
Recommends jordan.yana · 2015-12 · Stack Overflow · on “How to structure an Angular2 + NodeJs + Express app using Typescript”
They sure move fast - three releases in one day today. I don't think there are any best practices yet as it just went beta. However, I am seeing a number of people distributing on Firebase. You can sign up for free. Here are two resources that I think might be helpful (I believe they are both around alpha 46ish). Building an Angular 2 application from the ground up by Andres Dominguez [LINK] Building apps with Firebase and Angular 2 - Sara Robinson [this video] Hope this helps.
Recommends Kato · 2015-12 · Stack Overflow · on “*ng-for is not rendering DOM but the firebase data is being called”
See Sara's presentation on Firebase + Angular 2 [this video] . It includes sample code, and utilizes a pipe [LINK] to make this work intelligently. I'd guess that without something along these lines, there's no way to trigger the change detection in A2.
Cites Eric Martinez · 2015-10 · Stack Overflow · on “Unable to figure out correct EventEmitter or Observable Syntax in Angular2 Services”
Actually it's almost the same thing, there a few changes createUser(user: any): any { return new Observable.create(observer => { this.ref.createUser(user, function(error, userData) { if (error) { observer.error(error); console.log("Error creating user:", error); } else { observer.next('success'); observer.complete(); console.log('Successfully created user account with uid:', userData.uid); } }); }) } And then you can suscribe to it ( subscribe is the equivalent of then ). Here's a plnkr [LINK] with an example using Observables constructor() { this.createUser({}).subscribe( (data) => console.log(data), // Handle if success (error) => console.log(error)); // Handle if error } EventEmitter on t
Cites Sefa · 2016-10 · Stack Overflow · on “Receiving updates from the server across all devices”
You can use a real time database like firebase [LINK] . Instead of your clients asking for updates to your API every second, your API will let know the clients when there is any update. You can find firebase tutorials here [this video] & here [LINK] . There are also some packages available like angular2-firebase [LINK] and angularfire2 [LINK] to help your Angular2 app connect to your firebase db easily.