Angular Firebase CRUD App with NoSQL Database Tutorial

Update Oct 2017: Learn about important changes with Firestore and AngularFire v5 https://youtu.be/-GjF9pSeFTs https://angularfirebase.com/lessons/reactive-crud-app-with-angular-and-firebase-tutorial/ In this episode we're going to build todo list feature that performs the SQL-style CRUD operations of create, read, update, and delete. NoSQL use different terms for these operations, so heres a basic translation when working with Firebase. create -- push read -- list or object update -- update or set delete -- remove Angular apps work with asynchronous data streams using RxJS reactive extensions for JavaScript. A data stream can be anything, but in this context we are talking about objects from the Firebase realtime database. At this point, it is assumed you have the AngularFire2 package installed and bootstrapped into your app. If not, go to the docs or checkout this video. Step 1 - Generate the Files Start by generating the necessary files from the command line. The feature is a simple list of todo items that can be modified by users. ng g service items/shared/item ng g class items/shared/item ng g component items/items-list ng g component items/item-detail ng g component items/item-form Step 2 - Define an Item Class We will give Items their own TypeScript class to keep our data organized. Step 3 - Building the Service All the CRUD magic happens in the service, which performs six different operations. 1. Get a list of items 2. Get a single item 3. Create a new item 4. Update an existing item 5. Delete a single item 6. Delete an entire list of items Let's start by importing dependencies and declaring public variables. When we get an item or list of items, they will returned as an observable, which can then be unwrapped asynchronously in a component. The functions for getting an item or list will return the observable so it can be set as a public variable. All other functions will return void because they operate on the items variable or take a sp