How to handle UI interactions with event processing

1-UiOnly.kt

// No ViewModel

@Composable
fun UiOnlySample() {
    val context = LocalContext.current

    Button(onClick = {
        Toast.makeText(context, "Clicked!", Toast.LENGTH_SHORT).show()
    }) {
        Text("Click")
    }
}

2-StateFlow.kt

// State Management

class StateFlowViewModel : ViewModel() {

    private val _state = MutableStateFlow("initial")
    val state = _state.asStateFlow()

    fun update() {
        _state.value = "updated at " + System.currentTimeMillis()
    }
}


@Composable
fun StateFlowSample(vm: StateFlowViewModel = viewModel()) {
    val value by vm.state.collectAsState()

    Column {
        Text(value)
        Button(onClick = { vm.update() }) {
            Text("Update")
        }
    }
}

3-SharedFlow.kt

// One-Shot Events

class SharedFlowViewModel : ViewModel() {

    private val _event = MutableSharedFlow<String>(
        replay = 0,
        extraBufferCapacity = 1 // One-shot
    )
    val event = _event.asSharedFlow()

    fun sendEvent() {
        _event.tryEmit("Hello from SharedFlow!")
    }
}


@Composable
fun SharedFlowSample(vm: SharedFlowViewModel = viewModel()) {
    val context = LocalContext.current

    LaunchedEffect(Unit) {
        vm.event.collect { msg ->
            Toast.makeText(context, msg, Toast.LENGTH_SHORT).show()
        }
    }

    Button(onClick = { vm.sendEvent() }) {
        Text("Send Event")
    }
}

4. Channel.kt

// Strict One-Time + Ordered Delivery

class ChannelViewModel : ViewModel() {

    private val _channel = Channel<String>(capacity = Channel.BUFFERED)
    val eventFlow = _channel.receiveAsFlow()

    fun sendEvent() {
        viewModelScope.launch {
            _channel.send("Hello from Channel!")
        }
    }
}


@Composable
fun ChannelSample(vm: ChannelViewModel = viewModel()) {
    val context = LocalContext.current

    LaunchedEffect(Unit) {
        vm.eventFlow.collect { msg ->
            Toast.makeText(context, msg, Toast.LENGTH_SHORT).show()
        }
    }

    Button(onClick = { vm.sendEvent() }) {
        Text("Send Event")
    }
}

How to handle UI interactions with event processing
https://medium.com/@chanzmao/how-to-handle-ui-interactions-with-event-processing-086f184021da