angularfirestore-deep

Simplify the work with complex and deep objects while retaining all the great benefits from Firebase Firestore.

Usage no npm install needed!

<script type="module">
  import angularfirestoreDeep from 'https://cdn.skypack.dev/angularfirestore-deep';
</script>

README

AngularFirestore-Deep

Simplify the work with complex and deep objects while retaining all the great benefits from Firebase Firestore.

ng add @angular/fire
npm install --save angularfirestore-deep

Firestore splits its data up into collections and documents which is what allows it to be scalable and fast.

The issues that this can cause is that the best way to store your data might not be the best way to work with and display that data.

It can also be more difficult to figure out how to store your data in a way that is not only cheap in terms of reads but also cheap in terms of performance/speed.

AngularFireStore-Deep is meant to help developers solve these issues.

Documentation and Examples

Documentation
Github

Introduction

Actions

Read
Write
Update
Delete
Edit Id

Demo

You can find a simple demo in projects/demo.

It can be run locally if you provide your own firebaseConfig in the environment file or you can find a running demo here:
Demo

Steps to run locally:

  1. Clone this repo
  2. Setup a firebase project and place the config 'firebaseConfig' here: projects/demo/src/environments/firebase-secure.ts and export it.
  3. Run the following commands:
npm install
npm run start

Using the library

Use the library in any Angular application:

  ngFirestoreDeep: AngularFirestoreDeep;  //  AngularFirestoreDeep variable

  constructor(private ngFireStore: AngularFirestore) {
    this.ngFirestoreDeep = new AngularFirestoreDeep(ngFireStore);  //  initialize AngularFireStoreDeep with AngularFirestore
  }

See the Documentation for much more information.

License

MIT © Daniel Lofgren