The steps I use for a professional Firebase set up with Emulators in Angular

Channel:
Subscribers:
81,900
Published on ● Video Link: https://www.youtube.com/watch?v=B0-Rl5Vy4Fs



Category:
Tutorial
Duration: 13:51
3,522 views
166


In this video we walk through how to quickly set up a professional development environment in an Angular and Firebase project including using the Firebase Emulator Suite for local development.

Get weekly content and tips exclusive to my newsletter: https://mobirony.ck.page/4a331b9076

Source code: https://github.com/joshuamorony/angular-firebase-emulator-example
Firebase/Java information: https://firebase.google.com/docs/emulator-suite/install_and_configure
Unit testing security rules: https://www.youtube.com/watch?v=GuMSmBgY0R0
Using cypress-firebase for E2E (set up is slightly outdated, make sure to check the cypress-firebase docs!): https://www.youtube.com/watch?v=JqEzA44Lsts
Elite Ionic Pro module: https://eliteionic.com/modules/firebase-tdd/

0:00 Introduction
0:55 Installing @angular/fire
3:02 Setting up emulators and Firestore
7:00 Configuring emulators for dev/prod
9:44 Using the emulators
11:35 Adding a start script
12:34 Testing
12:59 Conclusion

#ionic #angular #firebase

- More tutorials: https://eliteionic.com
- Follow me on Twitter: https://twitter.com/joshuamorony







Tags:
ionic
tutorial
tutorials
ionic tutorials
ionic framework
coding
coding tutorials
angular
angular tutorials
capacitor tutorials
mobile
mobile apps
apps
html5
ios
android
native
hybrid
pwa
web apps
progressive web applications
programming
stenciljs
stencil
performance
ui
ux
animations
screencast
rxjs
nx
ngrx
architecture