My mind was blown to bits when I first watching this video. I'd never seen anything quite as cool before, but implementing this in my own app seems so far off. A month or so has passed... I've watched the video over and over again and I've finally managed to do it. Cheers to Angular Firebase!
Thanks, it seems your tutorial is for high level developers only, But it's very useful it give me insight how you think and this is the most important '' how real developers think'' Thanks a lot, and now it's the time to research for long hours just to understand 10 minute of your post
Thanks a lot. It is very fascinating to see the compatibility between ngrx and Firestore. I am mesmerized when I see Firestore Fire a remove action from query, wow just wow.
Hi Jeff.. thanks so much for all the quality tutorials. I am a pro member at fireship, but I am having trouble finding this tutorial on there? could you please advise where I can find the actual code for this perhaps? Thanks! :-D
by using mergeMap we loose the ability to obtain completion of collection query. this ability is mandatory in some route guards. is there anyway to know all actions have dispatched and completed?
Thanks for your tutorials, though it's very hard to folow you in your videos. Could you please explain how that mergeMap works: mergeMap(actions => actions)? This line blows my mind. I uderstand that it's used to iterate through all the actions happend in collection, but is it a standard aproach of using mergMap operator? Any cleaner solution?
Actions observable contains list of actions. mergeMap explode the list and for each element in the list it return an Observable. From one observable to many observables.
I think I get it now, the query effect is not merely listening for the entire collection but rather for the collection applying a specific "where" clause, so given that the update changes the status to other than the one specified in the where clause, it passes the "removed" action down the pipe
Hope this saves time for someone: Right now (check the comment date) you can't do this with a document (don't get confused, in the tutorial he uses collections and with collections it works) since afs.doc('items/1').snapshotChanges() does not return an DocumentChangeAction. So you can't get the added/ modified / delete. In the oficial docs it says you do... so be careful. github.com/angular/angularfire/issues/1762
Yes. Watch this ua-cam.com/video/8Wy1AqY5gqE/v-deo.html First we have to become more agile to follow and understand this content, which is very good indeed.
You ignored explaining the query effect and the mergeMap on purpose, that effect maps the action type from firebase which is considered a bad practice! what if firebase changed the name of their action type? the code will be broken. Such practice should not be in a tutorial!
The code is going to be broken anyways. Even if you create your own action types once Firebase changes theirs then your cross ref would be broken. No way around that if you are using state changes
![Angular & FireStore Application [1] - Setup & Getting Data](/img/n.gif)
My mind was blown to bits when I first watching this video. I'd never seen anything quite as cool before, but implementing this in my own app seems so far off. A month or so has passed... I've watched the video over and over again and I've finally managed to do it. Cheers to Angular Firebase!
Thanks, it seems your tutorial is for high level developers only, But it's very useful it give me insight how you think and this is the most important '' how real developers think''
Thanks a lot, and now it's the time to research for long hours just to understand 10 minute of your post
Thanks a lot. It is very fascinating to see the compatibility between ngrx and Firestore. I am mesmerized when I see Firestore Fire a remove action from query, wow just wow.
Around the 6:30 I began to feel a real pain in my head. Great video. A little bit hard to understand, but great.
Do you have the same tutorial without using @ngrx/entity?
Hi Jeff.. thanks so much for all the quality tutorials. I am a pro member at fireship, but I am having trouble finding this tutorial on there? could you please advise where I can find the actual code for this perhaps? Thanks! :-D
Great video! All the boilerplate though.. and writing Schematics would definitely not be worth it. @Angular Firebase, is copy-paste the way to go?
Any plan to make content about CRUD & Pagination Firestore + NGRX 8 ??
How does this generic way of dispatching actions according to the statechanges action type work using the new way of defining actions and reducers?
Can you do such pizza tutorial with the now-famous NGXS?
If the update fails, would the changes automatically revert back?
by using mergeMap we loose the ability to obtain completion of collection query. this ability is mandatory in some route guards. is there anyway to know all actions have dispatched and completed?
Thanks for your tutorials, though it's very hard to folow you in your videos. Could you please explain how that mergeMap works: mergeMap(actions => actions)? This line blows my mind. I uderstand that it's used to iterate through all the actions happend in collection, but is it a standard aproach of using mergMap operator? Any cleaner solution?
Actions observable contains list of actions. mergeMap explode the list and for each element in the list it return an Observable. From one observable to many observables.
Could someone explain to me why the "removed" action is dispatched right after the update status?
I think I get it now, the query effect is not merely listening for the entire collection but rather for the collection applying a specific "where" clause, so given that the update changes the status to other than the one specified in the where clause, it passes the "removed" action down the pipe
Hope this saves time for someone: Right now (check the comment date) you can't do this with a document (don't get confused, in the tutorial he uses collections and with collections it works) since afs.doc('items/1').snapshotChanges() does not return an DocumentChangeAction. So you can't get the added/ modified / delete. In the oficial docs it says you do... so be careful. github.com/angular/angularfire/issues/1762
Angular 6 no longer supports fromPromise can you give the solution for this line in effects please?
In RxJS 6 you can use 'from' instead of 'fromPromise'
how switchMap works?
from scratch ?? :(
If you watch the first ngrx entity video, that will show you everything from scratch. Also, the source is available on github.
Yes. Watch this ua-cam.com/video/8Wy1AqY5gqE/v-deo.html First we have to become more agile to follow and understand this content, which is very good indeed.
You ignored explaining the query effect and the mergeMap on purpose, that effect maps the action type from firebase which is considered a bad practice! what if firebase changed the name of their action type? the code will be broken. Such practice should not be in a tutorial!
The code is going to be broken anyways. Even if you create your own action types once Firebase changes theirs then your cross ref would be broken. No way around that if you are using state changes
Can you pleaseeeeeeeee slow down.. You are way too fast for people to understand.
You can always rewind or stop the video.
Play at 0.75x
You are making this too fast and confusing
Play at 0.75x. You're welcome