Is there a reason to expose properties in a viewmo...

# compose

[Alexander Maryanovsky]

Is there a reason to expose properties in a viewmodel as StateFlow rather than just state values (e.g. by by mutableStateOf)?

[Filip Wiesner]

Related thread

[Alexander Maryanovsky]

Ok, so I guess the answer is “not unless you have a specific reason”

[Filip Wiesner]

The answer is

You should use the thing that most suits your project and codestyle

😄 Use whatever you feel like using. There is no "problem" with either approach

[Alexander Maryanovsky]

Got it, thanks

[Alexander Maryanovsky]

I think for me state values win because I don’t have to have two flow fields for each property.

[Alexander Maryanovsky]

and no _foo ugliness

[Filip Wiesner]

While I personally agree with your solution, you should bear in mind that the Android documentation suggests using one data holder for all your data so you shouldn't have multiple properties.

[Alexander Maryanovsky]

Can you point me to that? Seems strange and would cause unnecessary recompositions.

[Michael Paus]

One difference is that StateFlow is a pure Kotlin concept and does not depend on the compose framework but mutableStateOf is not. So if you want to keep your models pure it is better to follow the guidelines. In general it is not a good idea trying to be smarter than the inventors of a technology.

[Filip Wiesner]

Can you point me to that? Seems strange and would cause unnecessary recompositions.

https://developer.android.com/jetpack/guide/ui-layer#define-ui-state

[Alexander Maryanovsky]

@Michael Paus I understand that, but it seems too puritanical for me. The models are View models, so I don’t think it’s such a big deal to have them depend on compose. Moreover, I was told the state/snapshot stuff in compose is completely separate from all the UI library.

[Filip Wiesner]

One difference is that StateFlow is a pure Kotlin concept and does not depend on the compose framework but mutableStateOf is not. So if you want to keep your models pure it is better to follow the guidelines.

It is suggested in Adroid guidelines that you can use Compose State when building your app with Compose UI:

In Jetpack Compose apps, you can use Compose's observable State APIs such as mutableStateOf or snapshotFlow for the exposure of UI state. Any type of observable data holder such as StateFlow or LiveData that you see in this guide can be easily consumed in Compose using the appropriate extensions.

[Michael Paus]

For me this distinction is important because I can then drive a JavaFX GUI with the exact same view model that I use for the Compose GUI.

[Alexander Maryanovsky]

If you have StateFlow in your viewmodel, you need to convert it to a compose state via StateFlow.collectAsState to be able to use in in compose UI.
If you have compose state in your viewmodel, you need to convert it to a flow via snapshotFlow to be able to use it in JavaFX UI.
Seems symmetrical. No?

[Alexander Maryanovsky]

@Filip Wiesner This is the relevant paragraph?

• UI states: single stream or multiple streams? The key guiding principle for choosing between exposing UI state in a single stream or in multiple streams is the previous bullet point: the relationship between the items emitted. The biggest advantage to a single-stream exposure is convenience and data consistency: consumers of state always have the latest information available at any instant in time. However, there are instances where separate streams of state from the ViewModel might be appropriate:

◦ Unrelated data types: Some states that are needed to render the UI might be completely independent from each other. In cases like these, the costs of bundling these disparate states together might outweigh the benefits, especially if one of these states is updated more frequently than the other.

◦ UiState diffing: The more fields there are in a UiState object, the more likely it is that the stream will emit as a result of one of its fields being updated. Because views don’t have a diffing mechanism to understand whether consecutive emissions are different or the same, every emission causes an update to the view. This means that mitigation using the Flow APIs or methods like distinctUntilChanged() on the LiveData might be necessary.

[Alexander Maryanovsky]

Compose does have a diffing mechanism, though.

[Alexander Maryanovsky]

But I think it will still result in some unnecessary recompositions

[Michael Paus]

@Alexander Maryanovsky In the second case my JavaFX application has an unwanted dependency on the Compose framework.

[Landry Norris]

One use case for using Flows instead is KMM. I use ViewModels for both iOS and Android. iOS doesn’t support compose currently, so if my ViewModels use state, I can’t use them in iOS. I generally prefer to expose a flow that I can collectAsState, so it will work with both Compose, which supports state and SwiftUI, which does not.