Skip to content

🧵 Application to demo the usage of NgRx and Firebase Firestore in Angular.

Notifications You must be signed in to change notification settings

yiqu/ngrx-login

Repository files navigation

Issue Manager

Build Status

Stable: https://ngrx-qu.web.app/

Dev: https://yiqu.github.io/ngrx-login/

Track your issues with Issue Manager

The purpose of this application is to showcase NgRx and Firebase Firestore in Angular.

Using Firebase

To use Firestore in an Angular application is very simple. You have the two choices: 1) use the Firestore straight from Firebase, or 2) use AngularFire directly.

You will need to first create a Firebase account through Google, and then create a new project. Follow the steps here to get started with the Firebase CLI. The offical Angular docs also has instructions on how to deploy an app using Firebase.

NgRx

NgRx is a state management library inspired by the Redux pattern.

In this app, every meaningful state flows unidirectional which makes it very easy to debug.

Demo

In this app, users can create, update or close/open issues. Searching is done purely using Firestore queries, the data can obviously filtered and sorted in the selector files, but I have decided to only use Firestore to modify the data.