Angular Firebase CRUD App with NoSQL Database Tutorial

From the creator

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

Published 2017-04-19 · Watch on YouTube ↗
Availability and playback restrictions are controlled by the original channel.