Pagination from Remote API & Local Cache Using Paging3, Compose and Clean Architecture

Рет қаралды 48,502

Жыл бұрын

In this video you'll learn how you can use Paging3 in Jetpack Compose together with clean architecture.
Today is the last day for 30% on ALL my courses with EASTER30:
pl-coding.com/premium-courses...
💻 Let me be your mentor and become an industry-ready Android developer in 10 weeks:
pl-coding.com/drop-table-ment...
Subscribe to my FREE newsletter for regular Android, Kotlin & Architecture advice!
pl-coding.com/newsletter
Join this channel to get access to perks:
/ @philipplackner
Get the source code for this video here:
github.com/philipplackner/Com...
Join my Discord server:
/ discord
Regular programming advice on my Instagram page: / _philipplackner_
Checkout my GitHub: github.com/philipplackner
You like my free content? Here you can buy me a coffee:
www.buymeacoffee.com/philippl...

Пікірлер: 108

@Rafa-iy2ng Жыл бұрын

In 20:12 I would change endOfPaginationReached logic to 'endOfPaginationReached = beers.size() < pageSize' which will save us one extra refresh at the end of the list

@kuana9961 Жыл бұрын

Thank you very much for the live coding tutorial.🙏 It's simple, easy to understand, and very rewarding.

@user-pg1sy5hl3d Жыл бұрын

Hey, Thank you man! You saved my job. One of my colleague just on vacation and I had to deal with the work he was doing. Sadly the pagination was unstable back then. after seeing your video I was able to sort the loadType (Page number) issue. Your video and google code lab was pretty helpful. Thanks again for making our life easier. Appreciate.

@rohitnevse5894 Жыл бұрын

I was waiting for the exact Tutorial on this channel.... And here it is. Philipp is just amazing

@PhilippLackner Жыл бұрын

Happy to help!

@artyommukovozchik7165 Жыл бұрын

Great as always and so amazing tutorial. Keep doing such useful videos!

@mesutemrecelenk5447 Жыл бұрын

This tutorial is an artwork😊 thanks Phlipp

@antonyfilochowski335 10 ай бұрын

thank you helped me overcome a couple of obstacles i was encountering

@ubersticks Жыл бұрын

At 21:19 the Paging Library pollutes the ViewModel with Entity. Would the use of a Repository help here? The Repository could expose LazyPagingItems to the ViewModel, and it is ok for Repository to know about Entity.

@nijuyonkadesu Жыл бұрын

9:15 "Personally I prefer to just have my own solution" Yesh!! in a project of mine, I had to fetch new list of url from server on reaching every 30th image (27 actually). I implemented my own `paging` by using the `position` value from `onBindView()` of ListAdapter. I did that after hearing your words 🥰 because of you I found out that I don't need Paging library 💯

@jam4l Жыл бұрын

Great video, Thanks Philipp 👏

@ezriouil 11 ай бұрын

the best channel in youtube from morocco

@theophilus494 Жыл бұрын

thank you boss.. I remembered contacting you on your instagram DM on this topic.. and here we are.. God bless you greatly.. really appreciate you...

@PhilippLackner Жыл бұрын

Happy to help!

@k40ol 9 ай бұрын

Philipp, great course! Thank you for uploading & sharing! Wanted to mention, to avoid exposing your BeerEntity to UI layer, consider separating cache/caching to its own db. i.e. BeerEntity becomes BeerCatalogItem (this is the cached entity in its own DB). You can always include more extension functions / mappers to get a clean Domain object out to UI layer. Pros: - simplicity in caching - simpler schema migration Cons: - another DB - more space for cached content Awesome courses! Thank you again! (Will buy one soon to support you!)

@MxMayers 7 ай бұрын

I have a problem with the domain layer interface, PagingSource and its data layer implementation because dao in the data layer requires PagingSource. As I know the domain layer should not contain data layer entities, how to implement the domain layer interface in the data layer?

@pereyrarg11 Жыл бұрын

Awesome! it was a good introduction to Paging

@mircodev Жыл бұрын

Thanks for this perfect explanation!

@PhilippLackner Жыл бұрын

Glad it was helpful!

@DaleHawkins Жыл бұрын

Nice job. Thank you!

@nicholasferrara8028 11 ай бұрын

Keep up the great work!

@ntikomathaba2662 Жыл бұрын

Awesome video Phillip, as always. 👏🏾 If you wanted to group the data into different sections, how would you go about doing that?

@ygorfrazao4420 Жыл бұрын

Great tutorial, once again. I am wondering if we can wrap the pager inside a repository, or, even, an use case and then inject these in our viewmodel, what do you think?

@vazhakentchiashvili2198 Жыл бұрын

Amazing!❤

@seftiannurfaozy2918 Жыл бұрын

thank you phillip

@hanasakura4541 Жыл бұрын

Great. Thanks a lot

@AbdulelahAGR 8 ай бұрын

Thank you for the video

@ngomdecadetkamdaou3464 Жыл бұрын

I enjoyed the video. But I noticed that in the data package, there is a remote mediator that makes the API call and has some business logic. Does the remote mediator replace the repository and the use case at the same time when referring to clean architecture?

@udioshi7799 Жыл бұрын

Thank you Philipp for the tutorial, Your mediator loads 4 pages (80 beers) at startup before scrolling

@user-lm6zz3xj3e 2 ай бұрын

How did you solve this? It happens in my implementation too?

@udioshi7799 2 ай бұрын

@@user-lm6zz3xj3e didn’t solve yet

@chulgunsirru Жыл бұрын

thanks for video!

@zynastor1 Жыл бұрын

This guy is amazing

@user-xc5vb3mh3g Жыл бұрын

Thank you

@entchannel Жыл бұрын

Thank you so much! It helped me to get the json file. But I’m dealing with json that contain two object first is information about current page, next page url and previous page url and another one is list with the objects that I want to display in recycle view. What should I do? Do I need a data class for each object?

@LEEJIHUN Жыл бұрын

Thank you for the great video! If the description of the beer is long, I want to center the beer image on the card, can you tell me how I can center it?

@JohanAlbrectsen Жыл бұрын

Good video, but you should also include with cursor pagination logic, as it's the superior pagination type.

@Shubhammonga242s Жыл бұрын

Amazing

@anorov_hasan 11 ай бұрын

thanks , amazing works great , can you also share your experiences on using markdown in compose

@Adam0001 Жыл бұрын

Great 👏

@berkc5323 Жыл бұрын

Hello Philipp, thanks for the amazing videos. I have a question, let's say I'm fetching some data from the api and want to keep it somewhere that multiple viewModels can reach. But I don't want to fetch the data again every time it needs to be used. What is the best way to do it without breaking the clean architecture? Which layer of clean architecture I should keep them? Should I keep the variables in a companion object (I don't want it) or maybe in a repository and inject that repository to the viewModels that need to use it. I don't want to use a BaseViewModel also because I have so many of those variables :) thank you.

@ericwathome783 Жыл бұрын

you just make everything simple

@Leon-un2ii Жыл бұрын

Thanks for this great tutorial! One question: why you are using retrofit and not ktor?

@adityarathi8309 Жыл бұрын

Hi Phillip, Great Tutorial, Learning a lot. I had a question, is it possible to get the total item count fetched till the current time in RemoteMediator? I wanted to understand a use case when id is not exactly the number of items fetched?

@KunalGoyal 3 ай бұрын

Punk API stopped working, getting 404

@icycleragon 3 ай бұрын

Same here

@renzcarlosalanga6077 Жыл бұрын

It would be awesome if you can make a CRUD operations with Paging 3

@algo_chronicles Жыл бұрын

Violation of clean architecture principal but video is good❤

@smartkidsru 8 ай бұрын

Philipp, thanks for your brilliant work! It would be interesting to know how to remove the item from the list by item's id without refreshing the whole list? Looks like it is difficult to implement using compose paging3 library...

@user-jd1ib3lg7o Жыл бұрын

hello philip always thank you for the video Usually, external API and internal room data are often used in the structure of viewmodel - usecase - repository - dao, but why not use that structure when using paging?

@LearnWithJahangirJadi 6 ай бұрын

Hi Philipp. First of all, thank you for this amazing tutorial. I have a question. What if I need to update the paging list? For example, update some item at position. How can I achieve this?

@trocchiettoski Жыл бұрын

Suggestion, an app with a shared view model for a basket, and some payment method. Philip you rock

@NZBurmeseLink Жыл бұрын

Hello Philipp, I would like to know about all of your courses. Is there a discount available if I purchase all of them?

@roshkaalex Жыл бұрын

Thank you. Will be pagination for KMM?

@pranavsubramanian2549 9 ай бұрын

Hi Philipp, I am trying to list out all the items available in Firebase Storage, cache and display it. It doesn't seem to work and I am stuck. What should I do? By the way, your videos are amazing and any video I need on Android Development, I come to this channel first and I mostly get the answers. Great work!

@path_ethics 9 ай бұрын

Thanks for the video, you probably got there by now but at 21:27 to solve this (if I understood correctly), instead of having the pager inside your viewModel, you can have another class in between like a dbRepository or a useCase or both. In that repository/usecase you return a Pager(...).flow.map(), and in there you map the PagingData items to your UI model.

@imamyusupbachtiar5461 Жыл бұрын

Nice,

@ubersticks Жыл бұрын

Hey Phillip - good stuff! You were down on Paging library one year ago and actually had an excellent tutorial video showing how to do it yourself. What changed your mind about Paging Library?

@PhilippLackner Жыл бұрын

I still use it, but many people wanted a paging tutorial and if you page with a cache it makes things a lot easier

@user-pe4gh5yy7r Жыл бұрын

In this, I notice that the pager calls API for 3-4 pages on app startups. And I also want to include that when the app needs new data on scrolling that time also it calls API for 2 pages at a time. Can we manage it to call API only one time at a time?

@philipjanbaruis7040 Жыл бұрын

My daily dose of Android Stuffs

@germenwong 10 ай бұрын

Hi Philip， Can you explain the relationship between PagingSource and RemoteMediator

@Rafa-iy2ng Жыл бұрын

I always make mappers as `val` extensions. Are there any disadvantages of this solution?

@siva_subramaniam Жыл бұрын

Thank you so much. I have a doubt. Why didn't you include the "androidx.room:room-runtime:$room_version" dependency? Isn't it necessary?

@formatBCE Жыл бұрын

If you have page size 10, and already have 2 pages loaded, and there's 29 beers in list, following will happen: - paging lib loads page 3 - entities count is 29 - next page = 29 / 10 + 1 = 2 + 1 = 3 - end of pagination not reached - paging lib loads page 3 - upsert updates last 9 items - back to start

@mikelantzelo 8 ай бұрын

LazyColumn items not showing LazyPagingItems choice. What am i missing? Can someone help?

@dmytrodolotov9723 6 ай бұрын

Hi Philipp, thank you for great tutorial. In the latest version of compose, LazyColumn items() function can no longer accept LazyPagingItems as an argument. What is the best way to solve this issue?

@KunalGoyal 3 ай бұрын

items(beers.itemCount){index - > val beer = beers[index]}..Use this

@user-cg2ps8hf4e Жыл бұрын

Philipp, at 31:50 in the video you select "items(items: LazyPagingItems", however it does not appear for me in the list. No matter what I select I get an error when hovering over (beers) that states Type Mismatch Required: Int, Found: lazyPagingItems . This also happens if I use the app source code from the Github site. Could the problem be that I am using Android Studio Flamingo | 2022.2.1 Patch 2

@limtis Жыл бұрын

You can use any other items() items(beers.itemCount) { index -> val beer = beers[index] ... }

@germenwong 10 ай бұрын

I also encountered the same problem， You can modify according to the pagination library version of the video, and then

@TheZaurHasanov Жыл бұрын

❤

@proandroiddevir Жыл бұрын

Thanks for this video👏👏👏👏👏👏👏🙏🙏🙏🙏👍👍👍💪💪💪💪💪💪💪

@qweqwe2589 Жыл бұрын

Can you please make a tutorial about how to write back navigation that also supports also api 33? Because after api 33 there is someting new and it's really hard to find on the internet how to implement it perfectly.

@proandroiddevir Жыл бұрын

Hi Mr lackner . Can you teach crashlytics?

@jishnugoyal4397 Жыл бұрын

How to cache the images? Do you think you would cover the same?

@path_ethics 11 ай бұрын

If I need to pass more parameters to remote api, like for example, if a user can select a parameter to filter the api responses, where do I pass those filter values for them to get to the api?

@MyHobbies-qh8pg 2 ай бұрын

on your repository inside remote mediator pass query String fun getAllUsers( query: String ): Flow { val pagingSourceFactory = { database.userDao().getAllUsers() } return Pager( config = PagingConfig(pageSize = ITEMS_PER_PAGE), remoteMediator = UsersRemoteMediator( api = api, usersDatabase = database, query = query ), pagingSourceFactory = pagingSourceFactory ).flow } on your remote mediator lass UsersRemoteMediator( private val api: HomeScreenApi, private val usersDatabase: UserDatabase, private val query: String ) : RemoteMediator() { ****** }

@nurkholiq1931 5 ай бұрын

I wonder to imagine what happens to the loaded page if in the middle scroll we change the API query?

@mubaraknative 10 ай бұрын

How Phillip you find these types of algorithms 17:25

@voidpointer398 7 ай бұрын

After going through different other articles and codebases, I have found that you cannot abstract out the database details from the ui layer, the pager object tightly couples the ui layer to the paging3 library. If anyone else found a solution to this please tell

@zulhijananda5772 6 ай бұрын

How to handle query situation? my project works with no query, how to make the paging based on query params?

@freshtechtips Жыл бұрын

Philipp why you still use retrofit? I thought you said you love ktor more and prefer it

@CodingZest Жыл бұрын

It might be not the right question, but I really want to know which theme are you using in your Android Studio?

@germenwong 10 ай бұрын

xcode-dark

@CodingZest 10 ай бұрын

@@germenwongthanks for reply

@sijanneupane Жыл бұрын

done an' dusted!

@amateur_gamer101 Жыл бұрын

i have a question about pagination. Can u use it for all APIs or does the API have to be built in a way that supports it before you can use it?

@PhilippLackner Жыл бұрын

The API needs to support it

@amateur_gamer101 Жыл бұрын

@@PhilippLackner lets say the API does not support it, saving the unpaginated response to room and paginating from room is the right way to go?

@PhilippLackner Жыл бұрын

@@amateur_gamer101 has a little impact but the longest time is needed to do the network call, not to load from the local db

@John-qt6qk Жыл бұрын

Can I use it with firestore?

@user-lm6zz3xj3e 2 ай бұрын

I implemented this in one of my project, but don't know why it always loads first 4 pages everytime the screen loads. Anyone have any solution for that?

@gaoliang1368 11 ай бұрын

how drag drop resort item

@ahmedrashed2587 Жыл бұрын

Will the courses be delivered to me like physically or I'll get them online

@PhilippLackner Жыл бұрын

It's all online

@codeventure23 Жыл бұрын

Coupon not working for me

@aminsakha155 2 ай бұрын

The deployment could not be found on Vercel :)

@bilmiyorum06 Жыл бұрын

Using entities instead of UI models in ViewModel is unacceptable. You made it short so that people wouldn't get bored watching the video, but we could have done this in the Repository layer.

@andreaslinis1586 9 ай бұрын

Yes but why

@shalenmathew980 7 ай бұрын

I didn't get can u explain?

@moldovanpeter5123 Жыл бұрын

Nice Vid but in the end it still an overhead to implement pagination and also from Archi perspective, I would not use it, and still not using it because of this.

@mtanve2319 5 күн бұрын

Anyone trying this in 2024, the PunkAPI has been shut down. Just spent 2 hours on this for it to not work.

@Revitalish 2 ай бұрын

it's not clear at all why there should be both Beer model and simple Beer data class that looks exactly the same. and what is this beer.tobeerentity and vise versa for? you don't explain crucial things..

@olegleonov1310 Жыл бұрын

I think there is one more condition when `endPaginationReached` could be `true`. It's `state.config.pageSize` > beers.size(). It means that we got fewer items than we should have on the page and it was the last page.

@gaoliang1368 11 ай бұрын

It would be awesome if you can make a CRUD operations with Paging 3