Image Search App with Pagination & Caching | Jetpack Compose Tutorial 🚀 | Clean Architecture

preview_player
Показать описание

Take your Android development skills to the next level by building an advanced Image Search App in Jetpack Compose! 🚀 This tutorial goes beyond basic pagination by integrating Remote Mediator for efficient offline caching using Paging 3, ensuring a seamless user experience even with poor network connectivity.

Following Clean Architecture principles, you'll learn how to create a scalable, maintainable app that fetches and caches images from an API while implementing smooth infinite scrolling.

00:00 Intro
00:07 Recap of the first part
00:16 What are we going to do?
00:44 Flow of Remote Mediator
01:19 Gradle Setup
01:36 Creating AppDatabase
02:32 Create Entities for ROOM Database
04:02 Dao for ImageEntity and RemoteKey
08:30 Use Dagger Hilt to Provides ROOM related things ( AppDatabase, ImageDao, RemoteKeyDao )
09:41 Mappers for mapping ( ImageDTO to ImageEntity and ImageEntity to Image )
11:33 Remote Mediator for Image Search App
12:19 Calculate the Page number based on the loadType ( Refresh, Prepend, Append )
16:31 Fetch Information from the Backend and store it in the ROOM
21:05 Initialize function in Remote Mediator
22:03 Domain Layer
22:39 Pager to expose pages to UI or ViewModel
25:47 Build UseCases
26:35 ViewModel
26:59 Execution
29:04 Outro

📌 What You'll Learn:
✅ Setting up a Remote Mediator for offline caching
✅ Integrating Paging 3 with Jetpack Compose
✅ Building a beautiful UI with LazyColumn and Compose components
✅ Using Clean Architecture for better code organisation
✅ Handling errors, loading states, and network connectivity gracefully

💡 This video is perfect for Android developers looking to enhance their apps with caching and build high-performance applications using modern tools.

Resources:
Instagram: /vision_android

Don't forget to like 👍, share 🤝, and subscribe 🔔 for more advanced Android tutorials!

#jetpackcompose #paging3 #remotemediator #pagination #cleanarchitecture #androidcaching #androiddevelopment #imagesearchapp #androidtutorial #androidjetpack #composeui #lazycolumn #androidappdevelopment #offlinecaching #androidarchitecture #modernandroid #jetpackcomposeui #kotlinandroid
Комментарии
Автор

thanks for the video. Can you explain what kind of the cache it is? Images are not actually stored in the app, right? And what if there are fresh/new results in the API on the first pages? These are ignored because first results are coming form Room not API. Can you show how to check for updates in API after latest load into Room?

krystianh
Автор

why always its getting only 2 pages (means 20 item of each query)?

AamirMughal-fq