Home
Videos uploaded by user “Angular Firebase”
Sharing Data between Components in Angular
 
05:19
Fully documented lesson at https://angularfirebase.com/lessons/sharing-data-between-angular-components-four-methods/ In this episode, I am going to show you four different ways to share data between Angular components. Parent to Child the Input Decorator When you declare a variable with the Input decorator in the child component, it allows that variable to be received from a parent template. In this case, we define a message variable in the parent, then use square brackets to pass the data to the child. Now the child can display this data in its own template. Child to Parent via ViewChild ViewChild allows a one component to be injected into another, giving the parent access to its attributes and functions. One caveat, however, is that child won't be available until after the view has been initialized. This means we need to implement the AfterViewInit lifecycle hook to receive the data from the child. In the AfterViewInit function we can access the message variable defined in the child Child to Parent via Output and EventEmitter Another way to share data is to emit data from the child, which can be listed to by the parent. This approach is ideal when you want to share data changes that occur on things like button clicks, form entires, and other user events. In the child, we declare a messageEvent variable with the Output decorator and set it equal to a new event emitter. Then we create a function named sendMessage that calls emit on this event with the message we want to send. Lastly, we create a button to trigger this function. In the parent, we create a function to receive the message and set it equal to the message variable. The parent can now subscribe to this messageEvent that's outputted by the child component, then run the receive message function whenever this event occurs. Share data between any components When passing data between components that lack a direct connection, such as siblings, grandchildren, etc, you should you a shared service. When you have data that should aways been in sync, I find the RxJS `BehaviorSubject` very useful in this situation. The main benefit that a BehaviorSubject ensures that every component consuming the service receives the most recent data. In the service, we create a private BehaviorSubject that will hold the current value of the message. We define a currentMessage variable handle this data stream as an observable that will be used by the components. Lastly, we create function that calls next on the BehaviorSubject to change its value. The parent, child, and sibling components all receive the same treatment. We inject the DataService in the constructor, then subscribe to the currentMessage observable and set its value equal to the message variable. Now if we create a function in any one of these components that changes the value of the message. when this function is executed the new data it's automatically broadcast to all other components. That's it for data sharing. See you next time.
Views: 118552 Angular Firebase
VS Code Top-Ten Pro Tips
 
09:36
Learn how to use Visual Studio Code like a pro with my top-ten strategies for developer productivity and happiness. https://angularfirebase.com/lessons/top-10-vscode-pro-tips/ - Get VS Code https://code.visualstudio.com/
Views: 307770 Angular Firebase
Model Relational Data in Firestore NoSQL
 
09:13
Learn how to model and structure data relationships with the Firestore NoSQL Database. We build simple one-to-many and many-to-many relationships by modeling a twitter-inspired app. https://angularfirebase.com/lessons/firestore-nosql-data-modeling-by-example - Firestore Structuring: https://firebase.google.com/docs/firestore/manage-data/structure-data - NoSQL Document DB - https://en.wikipedia.org/wiki/Document-oriented_database
Views: 45066 Angular Firebase
Ionic 4: Should you Build a Hybrid App?
 
10:35
Is Ionic 4 right for your mobile app compared to Flutter, React Native, or Native Script? Get my opinion in this video and explore the changes the latest version of the framework. https://itnext.io/should-you-use-ionic-4-fa04daebaffd - Ionic 4 Beta https://blog.ionicframework.com/announcing-ionic-4-beta/ - Flutter https://flutter.io/ - React Native https://facebook.github.io/react-native/
Views: 68092 Angular Firebase
Learn NgModule in Angular with Examples
 
05:59
Full lesson https://angularfirebase.com/lessons/a-simple-explanation-of-ngmodule/ In this episode, I show you how to refactor an Angular app into different modules for better organization and maintainability. Full NgModule FAQ https://angular.io/guide/ngmodule-faq
Views: 15507 Angular Firebase
Capacitor - Five Apps in Five Minutes
 
06:50
Use Capacitor to build an Angular CLI app for iOS, Android, Windows, MacOS, and the web in exactly 5 minutes https://angularfirebase.com/lessons/capacitor-five-apps-in-five-minutes/ - Let's Chat https://goo.gl/qF8Q5r - Ionic course https://projects.angularfirebase.com/p/ionic-native-with-firebase - Capacitor https://capacitor.ionicframework.com/docs/
Views: 32949 Angular Firebase
Angular Elements Quick Start
 
08:09
Take an early look at Angular Elements by building a component that can be embedded into any web app as a custom element https://angularfirebase.com/lessons/angular-elements-quick-start-guide/ I'll randomly give out some swag on Friday. Just leave a comment :) - Docs (Angular 6) - https://next.angular.io/guide/elements - Rob Wormald's Talk https://youtu.be/Z1gLFPLVJjY
Views: 36927 Angular Firebase
The Async Await Episode I Promised
 
12:04
The await is over! Learn how to make your JavaScript Promise code beautiful and concise with async-await https://github.com/codediodeio/async-await-pro-tips Jake Archibald's Talk: https://youtu.be/cCOL7MC4Pl0 Demos with Angular: https://www.youtube.com/channel/UCYFd7Qy93YP7gPERnxP545A
Views: 27292 Angular Firebase
How to NOT get a 30K Firebase Bill
 
08:45
Learn how to manage costs in Firebase with both clientside and serverside optimizations. https://angularfirebase.com/lessons/managing-firebase-costs/ Source Article https://hackernoon.com/how-we-spent-30k-usd-in-firebase-in-less-than-72-hours-307490bd24d Firebase Pricing https://firebase.google.com/pricing/
Views: 36752 Angular Firebase
How to Deploy an Angular App to Firebase Hosting
 
01:55
https://angularfirebase.com/lessons/deploying-an-angular-app-to-firebase/ In this episode, we're going to deploy an Angular 4 app to Firebase hosting. After some initial configuration, you can deploy your app to firebase in a matter of seconds. The best part is that its free for low volume usage and you'll be prepared to scale up as your app grows. Step 1 - Compile your App Running the ng build command will compile and minify your code in a single package in the dist/ folder. You could drop the contents of this directory into virtually any static website hosting platform or even an S3 bucket and you’re site would be ready to serve traffic. Step 2 - Install Firebase Tools Firebase has a nice command line package for deployment. Install it with NPM, then log into your firebase account. Step 3 - Initialize your Project Make sure you are in the top level directory of your angular app, then run firebase init. This will take you through a one-time configuration for your app. For the most part, you can stick with the default settings, except in the follow cases: Choose hosting on the first question. Change public folder to dist when asked (it defaults to public). Configure as single page app? Yes If firebase asks to overwrite your index.html file, respond with NO. Step 4 - Deploy Now your app should be ready to deploy. Run the firebase deploy command, then check your project URL to make sure everything looks good. That's all for firebase deployment, see you next time.
Views: 24021 Angular Firebase
Angular Console
 
05:56
Learn how to use the Angular Console to improve productivity with the CLI and easily manage 3rd party schematics. https://angularfirebase.com/lessons/angular-console-quick-start-guide/ - Angular Console: https://angularconsole.com/ - Angular CLI Basics Video: https://youtu.be/IZEolKjcjks
Views: 12619 Angular Firebase
Top 7 RxJS Concepts for Angular Developers
 
07:19
Learn 7 essential tips when using RxJS with Angular and Firebase, each with its own example. Full lesson: https://angularfirebase.com/lessons/top-7-rxjs-patterns-for-angular-development/ JavaScript Evangelist BehaviorSubject: https://youtu.be/IpM3oUPuGME Learn about RxJS at https://learnrxjs.io
Views: 48744 Angular Firebase
Lazy Loading Components in Angular 4
 
02:40
Full Lesson https://angularfirebase.com/lessons/how-to-lazy-load-components-in-angular-4-in-three-steps/ Learn how to load components asynchronously with Angular Lazy Loading. Get the source code on github https://github.com/codediodeio/lazy-loading-angular
Views: 47309 Angular Firebase
JavaScript Pro Tips - Code This, NOT That
 
12:37
New Series! Code this 💪, not that 💩. Learn how to write solid modern JavaScript and avoid bad code from then olden days. https://angularfirebase.com - Source https://github.com/codediodeio/code-this-not-that-js
Views: 234294 Angular Firebase
Angular 4 Development and Production Environments with Firebase
 
01:50
Welcome to Angular Firebase. Today, I'm going to show you how to create separate backend environments for development and production with Angular 4. Maintaining separate environments allows you to build and test new features without screwing up data from your live production app. Step 1 - Create two Firebase Projects Before jumping into the code, you will need two separate Firebase projects one for development and one for production. Step 2 Create the Environment Files I just cloned the FireStarter App from github and the first step is to create the environment files. If you created a new app with the Angular CLI, these files will be here by default. Also, make sure to add these files to your gitignore as they will hold sensitive credentials for your app. Step 3 paste in the firebase config using the unique API credentials from each of your projects. Step 4 - Bootstrap the environment in the app module Now we can import the environment anywhere in our app. In this case, we want to bootstrap firebase config in the app module. These are the necessary lines to wire up the environments with Firebase. Step 5 - Serve or Build the App With that done, its possible to serve our app locally using either environment. It will serve in development by default with ng serve or serve in product with the --prod flag ng serve --prod When deploying the app, make sure to always include the --prod flag. ng build --prod Thanks for watching. I'll see you on the other side.
Views: 11492 Angular Firebase
Custom Ionic Splash + Animation
 
05:29
Learn how to customize your app icon and splash page in Ionic, then add an animation to it. Grab the source code here https://angularfirebase.com/lessons/generate-a-custom-spash-screen-and-icons-in-ionic/ Ionic 3 - https://ionicframework.com/ SpinKit - http://tobiasahlin.com/spinkit/
Views: 46072 Angular Firebase
Top 7 Ways to Debug Angular 4 Apps
 
06:28
Learn seven effective strategies to debug Angular 4.x applications, including RxJS debugging methods. Checkout the full lesson code: https://angularfirebase.com/lessons/methods-for-debugging-an-angular-application/ Get the Augury plugin: https://chrome.google.com/webstore/detail/augury/elgalmkoelokbchhkhacckoklkejnhcd
Views: 25304 Angular Firebase
Angular HTTP Client Quick Start Tutorial
 
09:56
Start making restful API requests from Angular 4.3+ with the new HTTP client. In this lesson, I show you how to make GET and POST requests, set URL params, headers, handle errors, and more. https://angularfirebase.com/lessons/http-with-angular-quick-start/ StackBlitz Demo: https://stackblitz.com/edit/http-basics Angular HTTP: https://angular.io/guide/http JSON Placeholder: https://jsonplaceholder.typicode.com/ Swagger Codegen: https://swagger.io/
Views: 45065 Angular Firebase
Learn @ngrx/entity and Feature Modules
 
09:50
Learn how to use the new ngrx entity package to build CRUD with less code. In this video, I show you how to create a feature module with ngrx, then use entity adapter methods in the reducer. https://angularfirebase.com/lessons/ngrx-entity-feature-modules-tutorial/ Medium: https://medium.com/ngrx/introducing-ngrx-entity-598176456e15 Docs: https://github.com/ngrx/platform/tree/master/docs/entity
Views: 18665 Angular Firebase
Progressive Web Apps with Angular
 
06:12
Get a 100 PWA score on Lighthouse with Angular. In this episode, I will teach you how to configure your app to be 100% compliant with the progressive web app checklist provided by Google, making your app installable on compatible devices. Full Lesson Code: https://angularfirebase.com/lessons/installable-angular-progressive-web-app/ Demo App: https://firestarter-96e46.firebaseapp.com/ Lighthouse: https://developers.google.com/web/tools/lighthouse/ SW-Precache: https://www.npmjs.com/package/sw-precache-webpack-plugin
Views: 59517 Angular Firebase
NGXS - Angular State Management
 
12:00
Learn how use an exciting new state management library for Angular. In this episode, we get started with NGXS and compare it to NgRx. https://angularfirebase.com/lessons/ngxs-quick-start-angular-state-management/ - NGXS https://ngxs.gitbook.io/ngxs
Views: 19208 Angular Firebase
Angular Router Guards for Firebase Users
 
01:44
UPDATE: Get the latest version here https://angularfirebase.com/lessons/google-user-auth-with-firestore-custom-data/ Router Guards are used in Angular to prevent unauthorized users from navigating anywhere they want in your app. At this point our app has a working Firebase authentication system, but any visitor can access routes intended for only logged in users. Guards handle this problem by implementing the CanActivate interface, which tells Angular whether or not to activate a route. In this example, we will protect pages for unauthenticated users and redirect them to a signin page. Step 1 - Generate the Guard We use the CLI in Angular 4 to generate a default guard. Guards use the injectable decorator, so they need to be registered as a provider just like any other service in the app module. Step 2 - Update the Auth Service Our users are authenticating via Firebase and the AngularFire2 package. In the service we are subscribing the FirebaseAuthState, then using a getter to see if the auth object is null. Checkout the OAuth tutorial for more details on this code. Step 3 - Implement the Guard Logic Router guards always return a boolean type or boolean observable. The logic here is simple, if the FirebaseAuthState is defined, we activate the route. Otherwise, we return false and navigate to to the login page. Now that the guard is complete, we just need to apply it to specific routes in the routing module. That's it for router guards, I'll see you next time.
Views: 7580 Angular Firebase
Angular ngrx Redux Quick Start Tutorial
 
09:01
Learn the basic concepts and design patterns behind Redux and NgRx store. I will show you how to build a basic Redux app with Angular4 from scratch. Full Lesson: https://angularfirebase.com/lessons/angular-ngrx-redux-starter-guide/ Demo App: https://github.com/codediodeio/ngrx-fire NgRx: https://github.com/ngrx
Views: 52613 Angular Firebase
Firestore Security Rules - How to Hack a Firebase App
 
10:05
Learn how to hack a Firebase app, then configure solid Firestore Database security rules to ensure data integrity. https://angularfirebase.com/lessons/firestore-security-rules-guide/ - Rules Reference: https://firebase.google.com/docs/firestore/reference/security/
Views: 17665 Angular Firebase
TensorFlow.js Quick Start
 
11:17
Get started with TensorFlow.js by building a digit recognizer from scratch in this quick start tutorial https://angularfirebase.com/lessons/tensorflow-js-quick-start/ TF.js docs - https://js.tensorflow.org Machine Learning Crash Course - https://developers.google.com/machine-learning/crash-course/ Kaggle - https://www.kaggle.com/jeffd23 MNIST - https://ml4a.github.io/demos/confusion_mnist/
Views: 73418 Angular Firebase
Angular CLI - The Basics
 
10:50
Master the basics of the Angular CLI. In this lesson, we cover the most powerful features of the new Angular CLI v6.0 https://angularfirebase.com/lessons/basics-angular-cli/ - CLI Docs https://github.com/angular/angular-cli
Views: 16239 Angular Firebase
Native Desktop Apps with Angular and Electron
 
09:43
Build native desktop apps with Angular 4 and Electron 1.7. In this lesson I create a simple timer app, then package it for Windows, MacOS, and Linux. Full Lesson at https://angularfirebase.com/lessons/desktop-apps-with-electron-and-angular/ Source Code: https://github.com/AngularFirebase/angular-electron Electron: https://electron.atom.io/ Angular: https://angular.io
Views: 82491 Angular Firebase
SendGrid Transactional Email via a Firestore Cloud Function
 
06:13
Send email to your app users via SendGrid with a Firestore Cloud Function trigger. Learn how to create transactional templates and send them to your users with ease. https://angularfirebase.com/lessons/sendgrid-v3-nodejs-transactional-email-cloud-function/ SendGrid: https://sendgrid.com/ CloudFunction: https://firebase.google.com/docs/functions/
Views: 14163 Angular Firebase
Angular Router - The Basics and Beyond
 
11:47
Learn everything you need to know to use the Angular v6 router effectively. We start with the absolute basics, then move on to advanced concepts related to guards and resolvers https://angularfirebase.com/lessons/basics-angular-router/ - Router Docs https://angular.io/guide/router - Lazy Loading Video https://youtu.be/8tBQI5grhbE
Views: 16021 Angular Firebase
Loading Spinners for Asynchronous Firebase Data
 
02:31
https://angularfirebase.com/lessons/show-loading-spinners-for-firebase-data/ In this episode, I will show you how to display and hide a loading spinner when retrieving asynchronous Firebase data from an Angular application. Loading indicators are an important UI feature because they show the end user when more data is incoming. Step 1 - Create the Spinner component We're going to create a SpinnerComponent that can be reused throughout the application. To make it look cool, I am using Spinkit CSS library, which we can just be copied directly into the component's CSS and HTML files. You do not need to change anything in the component's TypeScript. Step 2 - Retrieve Aschronous Data We need to load some data from Firebase to make use of the spinner. In this example, I am loading a `FirebaseListObservable` via the AngularFire2 package. The actual data is just and array of items from a to-do list. This code was originally created for the RealTime Database video, so check that out if you want to learn more about asynchronous data streams. Step 3 - Show and Hide the Spinner We want to show the spinner in the items-list component while data is being retried. First, we define a variable called `showSpinner` in the component and set it to true by default. During `ngOnInit`, the data is requested from the service as a `FirebaseListObservable`. We can determine if the data has been loaded by subscribing to it. The function inside the subscribe call will be executed after the observable emits data, so we can simply set `showSpinner` variable to false when this happens. In the template, we can use the `*ngIf` directive with the `showSpinner` variable to control the visibility spinner. Going back to the app, we can see that spinner is visible for a split second before the data is loaded. The longer it takes for your data the load, the more useful this spinner will be your end users. That's it for loading spinners, see you next time.
Views: 22285 Angular Firebase
Angular Testing Quick Start
 
12:15
Get started testing Angular 5 with Jasmine and Karma. This video covers basic testing component TDD concepts as well as 3rd party services like Firebase. https://angularfirebase.com/lessons/angular-testing-guide-including-firebase/ Jasmine: https://jasmine.github.io/ Testing Docs: https://angular.io/guide/testing Great Article: https://medium.com/javascript-scene/tdd-the-rite-way-53c9b46f45e3
Views: 19181 Angular Firebase
Cypress End-to-End Testing
 
09:34
Learn how to perform amazing end-to-end testing for Angular Firebase apps using Cypress.io. You'll never write e2e tests in Angular 6 the same again https://angularfirebase.com/lessons/cypress-angular-testing-end-to-end/ - Why Cypress https://docs.cypress.io/api/introduction/api.html
Views: 10134 Angular Firebase
RxJS Quick Start with Practical Examples
 
15:33
Learn everything you wanted to know about RxJS - Reactive Extensions for JavaScript in 15 minutes. In this lesson, I cover about 25 different examples related to RxJS. Full Code and Lesson: https://angularfirebase.com/lessons/rxjs-quickstart-with-20-examples/ Useful Resources RxMarbles: http://rxmarbles.com/ LearnRxJs: https://www.learnrxjs.io/ Official Docs: http://reactivex.io/documentation
Views: 35392 Angular Firebase
Short Imports with TypeScript Path Mapping
 
04:32
Learn how to make your import statements more manageable in Angular by using TypeScript path mapping. https://angularfirebase.com/lessons/shorten-typescript-imports-in-an-angular-project/ TS Path Mapping: https://www.typescriptlang.org/docs/handbook/module-resolution.html
Views: 7365 Angular Firebase
Cloud Scheduler - Time Triggers for Cloud Functions
 
04:53
Let's build a robo-caller 🤖 ☎️. Learn how to use the new GCP Cloud Scheduler to trigger Firebase Cloud Functions at specific times or intervals. https://angularfirebase.com/lessons/cloud-scheduler-for-firebase-functions/ - Cloud Scheduler https://cloud.google.com/scheduler/ - Pubsub Functions https://firebase.google.com/docs/functions/pubsub-events
Views: 3777 Angular Firebase
Firestore with AngularFire5 Quick Start Tutorial
 
10:01
Get up and running with Firestore and AngularFire5. Learn how to use the Firebase Firestore database to query, update, and manage offline data. https://angularfirebase.com/lessons/firestore-with-angularfire-basics/ Demo: https://firestarter-96e46.firebaseapp.com/ Firestore: https://firebase.googleblog.com/2017/10/introducing-cloud-firestore.html AngularFire: https://github.com/angular/angularfire2 More Lessons: https://angularfirebase.com
Views: 48908 Angular Firebase
Firestore Array Query
 
03:38
Learn how to query an array in the Firestore database with the new "array-contains" option in version 5.3 https://angularfirebase.com/lessons/query-by-array-contains-firestore/ - 5.3 SDK https://firebase.google.com/support/release-notes/js - Firestore https://firebase.google.com/docs/firestore/
Views: 8360 Angular Firebase
Async Validation with Angular Reactive Forms + Firebase
 
07:20
Learn how to validate username uniqueness in Firebase with Angular Reactive Forms. We build a custom validator that checks the the Firestore DB for existing user records. https://angularfirebase.com/lessons/async-form-validation-in-firebase-enforce-uniqueness/ - Reactive Forms - https://angular.io/guide/reactive-forms - Firestore - https://stackoverflow.com/questions/46549766/whats-the-difference-between-cloud-firestore-and-the-firebase-realtime-database - AngularFire2 - https://github.com/angular/angularfire2
Views: 8879 Angular Firebase
Stripe Checkout Payments with Angular and Firebase - Part 1
 
04:47
This is a multipart series about building a payment system with Angular4 and Firebase. You can check out the Part 1 Full Lesson at https://angularfirebase.com/lessons/collect-payments-with-angular-stripe-checkout-and-firebase/ I start by talking about the payment process with Stripe. Then show you how to code it step-by-step with Stripe Checkout. Also, make sure to get an API key at https://stripe.com
Views: 19847 Angular Firebase
Reactive Forms  - The Basics
 
15:48
Master the basics of Angular 6 reactive forms. In this episode, we build out form examples that solve common challenges like nesting, validation, persistence, and more. https://angularfirebase.com/lessons/basics-reactive-forms-in-angular/ - Reactive Forms Docs https://angular.io/guide/reactive-forms - Angular CLI Basics https://angularfirebase.com/lessons/basics-angular-cli/
Views: 31049 Angular Firebase
Angular 5 Service Worker - Hacker News PWA
 
07:41
Take advantage of the amazing new service worker in Angular 5.0 and build your own Hacker News Progressive Web App. https://angularfirebase.com/lessons/hnpwa-angular-5-progressive-web-app-service-worker-tutorial/ Live Demo: https://hnpwa-cbf63.firebaseapp.com HNPWA: https://hnpwa.com/ ServiceWorkerModule: https://www.npmjs.com/package/@angular/service-worker PWA Checklist: https://developers.google.com/web/progressive-web-apps/
Views: 16619 Angular Firebase
Ionic 4 - Routing and Navigation Guide
 
11:38
Learn how to use the Angular Router in Ionic 4 to handle navigation in your mobile app https://angularfirebase.com/lessons/ionic-4-routing-and-navigation-guide/ - Ionic 4 Migration https://beta.ionicframework.com/docs/building/migration#navigation - Angular Router https://angular.io/api/router
Views: 10173 Angular Firebase
Angular Ngrx Effects with Firebase Database
 
08:57
Update 10/8/2017. AngularFire v5 introduced breaking changes. For this tutorial to work in v5, you need to import the service from `angularfire2/database-deprecated` Use Angular NgRx with the Firebase realtime database. In this episode, I show you how to apply Redux patterns and control side effects to retrieve and update data in the Firebase. Full Lesson: https://angularfirebase.com/lessons/firebase-with-angular-ngrx-redux/ Source Code: https://github.com/ngrx/platform/blob/master/docs/effects/README.md Ngrx Effects: https://github.com/codediodeio/ngrx-fire Firebase: https://firebase.google.com/
Views: 18332 Angular Firebase
How to Connect Firebase Users to their Data - 3 Methods
 
05:53
Fully documented lesson at https://angularfirebase.com/lessons/managing-firebase-user-relationships-to-database-records/ Learn how to maintain user/data relationships with Firebase users and data from the Realtime database. I provide three different methods for commonly encountered scenarios.
Views: 47965 Angular Firebase
Host Multiple Apps or Websites on Firebase
 
04:36
Learn how to use the new multisite hosting feature from Firebase to deploy multiple web apps to a single project https://angularfirebase.com/lessons/deploy-multiple-sites-to-firebase-hosting/ - Multisite Announcement https://firebase.googleblog.com/2018/08/one-project-multiple-sites-plus-boost.html
Views: 5905 Angular Firebase
Learn Angular Animations with 5 Examples
 
07:02
In this episode, I show you my top 5 concepts you should know when building animations with Angular 4.3+. Get the full lesson code: https://angularfirebase.com/lessons/animation-examples-in-angular-4-3/ Also, check out the official docs https://angular.io/guide/animations
Views: 30185 Angular Firebase
GraphQL with Apollo Server 2.0
 
09:34
Learn how to build an API using GraphQL with Apollo Server 2.0, using Firestore as a backend data source. https://github.com/arjunyel/firestore-apollo-graphql - Get more episodes at https://angularfirebase.com/ - GraphQL https://graphql.org/learn/ - Apollo 2.0 https://www.apollographql.com/docs/apollo-server/v2/
Views: 16168 Angular Firebase
The Future of Angular Firebase - Channel Update
 
04:34
Huge thank you to everybody who supports this content! Get a idea of my future plans with this cryptic Easter egg filled channel update :)
Views: 9514 Angular Firebase
Custom RxJS Operators by Example
 
09:13
A guide for building custom RxJS (v6) pipeable operators https://angularfirebase.com/lessons/custom-rxjs-operators-by-example/ - Nicholas Jamieson https://medium.com/@cartant - RxJS Pipeable Ops https://github.com/ReactiveX/rxjs/blob/master/doc/pipeable-operators.md - PRO Members Firestore JOINS: https://angularfirebase.com/lessons/firestore-joins-similar-to-sql/
Views: 5255 Angular Firebase
Angular 7 Virtual Scroll - To Infinity and Beyond
 
11:44
Learn how to use the new Virtual Scroll behavior in Angular CDK v7 to build a list that is infinite, animated, and realtime with Firestore. https://angularfirebase.com/lessons/infinite-virtual-scroll-angular-cdk/ - CDK Docs https://material.angular.io/cdk/scrolling/overview - Firestore https://cloud.google.com/firestore/docs/
Views: 31131 Angular Firebase