Hi everyone I want to store data coming from APIs so that I can show the previous data to the users...

# multiplatform

[Mahvi]

Hi everyone

I want to store data coming from APIs so that I can show the previous data to the users until new data come from the API, like we use redux in the web apps.

can anyone tell me how to implement that behaviour?

Thank you in advance.

[Mats-Hjalmar]

StateFlow/MutableStateFlow.

[Mahvi]

but mutablestate always clear when I goto some other screen @Mats-Hjalmar

[Mats-Hjalmar]

then make something outside of that screen hold it

[Mahvi]

don't we have some store like thing?
@Mats-Hjalmar

[Mats-Hjalmar]

You can create one. Make a repository that is treated as a singleton, with “UseCases” in the domain layer to expose this StateFlow.

[Mahvi]

@Mats-Hjalmar I'm a beginner can I have a guide or something for reference?

Thank you for your time sir.

[Mats-Hjalmar]

class Foo {
    private val _goo = MutableStateFlow(0)
    val goo = _goo.asStateFlow()
}

@Composable
fun Roo() {
    val foo = remember { Foo() }
    val goo by foo.goo.collectAsState()
    // Navigation inside this composable.
}

[Mahvi]

But is it safe to use singleton as a store?
@Mats-Hjalmar?

[Mahvi]

In my R&D singleton should use as a resource management

[Mahvi]

Can anyone help?

[Priyansh Nama]

you can use a local db, like sqldelight

[Mahvi]

Is it available for both platforms and is it performance friendly?

[Mahvi]

@Priyansh Nama?

[Esteban Vasquez]

I think you can use common View Models but it is still experimental

[Mahvi]

But view modals will be empty when I go to other screens. @Esteban Vasquez

[Mahvi]

I want to persist the data

[Mahvi]

Can any life saver here?

[Priyansh Nama]

assuming the older data is stored in local db
in your repository create a function
suspend fun getData() : Flow<Data> = flow{}

then in this flow
1. set the data state as loading
2. check if local data exists
if(data exists) {
emit Data Local Success with data
}
and continue the function, no matter if data is present or not
then make the api call (suspending)
and emit the result with Data Success with data


this way, you first emit the local data (if present) then wait for api call to finish to show latest data