Can you do INFINITE scroll reactively in Angular? (no manual subscribes)

In the last video, we looked at how to implement pagination reactively with the async pipe (without ever having to manually subscribe). In this video, we do the same thing except for an infinite scrolling list which presents an interesting problem.

0:00 Introduction
0:39 The scenario
1:17 Infinite scroll
3:41 Creating side effects
4:54 Why use trackBy?
5:57 Conclusion

#ionic #angular #rxjs

[daniel-nagy]

Awesome content Joshua. One of the greatest findings on YT in a long time. I enjoy watching your videos. Keep up the good work.

[CodingAbroad]

Since you’re increasing the “limit” number 15, 30, 45 doesn’t that just make the api have to deliver a more bulky payload? Please could we see an example where you’re increasing the page number, then just getting the data you need and you are just pushing more objects to the beginning array. Is that possible?

[ajmalali]

Love the content! Thank you so much for doing advance Angular/RxJS topics.
I would love to see more content on Nx and how things like services, components (with app-specific styling), guards etc. can be shared and organized with 3+ apps. I only ask because I'm in the process of migrating my old projects to Nx thanks to you :).

[mikefellowes]

Thanks so much for this Josh. I'm having some trouble using the infinite-scroll inside an ion-modal. The scrollable content seems all squished at the top of the page, instead of spanning the page. Does this sound like a familiar problem? Do you perhaps have an example?

[shemmuthanga]

Great video as always, Joshua.
You could also cover how to handle errors while using async pipe e.g showing error/failed state in UI, retrying(refetching) etc. Keep it the great content

[tanishqmanuja]

Thanks so much for this RxJS content . Can u also guide us through the CQRS principles in advanced RxJS design patterns. There is also a ng-conf talk by Michael Hladky thats goes over the same but your simplistic teaching approach and clear video production quality would help to better understand the concept.

[MarinelCuculj]

I am learning from your videos since Ionic 2 tutorials :) I like this "mini series" very much. I am getting this video wrong or you are fetching from your service more and more data (15, 30, 45 items) instead of batches of 15 items per API call? Is it possible to fetch just 15 items as user scrolls and just add them to already fetched data?

[kflo]

Would it be better to handle that event completion in a `finalize()` rxjs operator..? In the event of an error, your tap operator never executes. "Try... Catch... Finally"

[ryanrizki]

can this implement to api use "?page=1" not "?limit=10"
i followed the tutorial and replace some code and not solved yet 😅

[DavidSchmidt]

I've never seen the # prefix naming convention used before outside of a template variable. What does it signify when used with a class property?

[mdriyazuddin]

Can you make a video about angular ivy