Project — Weather App (Retrofit + Coroutines)

ခဏလေး ဒီလိုပဲ စဉ်းစားကြည့်

Network-based app တစ်ခုမှာ loading state (data fetch နေဆဲ), success state (data ရပြီး), error state (network fail) — state သုံးမျိုးကို UI မှာ handle လုပ်ပေးရပါတယ် — user ကို 'ဘာဖြစ်နေလဲ' အမြဲ သိစေရမှာပါ (blank screen တစ်ခုတည်း ချန်ထားလို့ မရပါ)။ `sealed class UiState { object Loading; data class Success(val data: WeatherResponse); data class Error(val message: String) }` ဆိုတဲ့ pattern ကို state management အတွက် သုံးလေ့ရှိပါတယ်.

လက်တွေ့ scenario နဲ့ ချိတ်ကြည့်မယ်

City name TextField ထဲ ရိုက်ပြီး Search button ကို click ရင် — ViewModel က `uiState = UiState.Loading` လို့ ပြောင်းပြီး, `weatherApi.getWeather(city)` ကို coroutine ထဲ ခေါ်ပါတယ် — success ဖြစ်ရင် `UiState.Success(response)`, fail ဖြစ်ရင် (network down, city not found) `UiState.Error("...")` ဆိုပြီး state ပြောင်းပါတယ်, UI ကတော့ `when (uiState) { is Loading -> CircularProgressIndicator(); is Success -> WeatherCard(...); is Error -> ErrorMessage(...) }` ဆိုပြီး state အလိုက် ကွဲပြားစွာ render လုပ်ပါတယ်.

• Loading/Success/Error — network state ၃ မျိုးကို UI မှာ handle လုပ်ရန်
• sealed class UiState = state ၃ မျိုးကို type-safe ဖြင့် ကိုယ်စားပြုသော pattern
• when (uiState) { ... } = state အလိုက် UI ကို ကွဲပြားစွာ render

အတူတူ ကြည့်မယ်

sealed class WeatherUiState {
    object Loading : WeatherUiState()
    data class Success(val data: WeatherResponse) : WeatherUiState()
    data class Error(val message: String) : WeatherUiState()
}

class WeatherViewModel @Inject constructor(
    private val api: WeatherApi
) : ViewModel() {
    var uiState by mutableStateOf<WeatherUiState>(WeatherUiState.Loading)
        private set

    fun search(city: String) {
        uiState = WeatherUiState.Loading
        viewModelScope.launch {
            uiState = try {
                WeatherUiState.Success(api.getWeather(city))
            } catch (e: Exception) {
                WeatherUiState.Error("Could not load weather for $city")
            }
        }
    }
}

City name ရိုက်ထည့်ပြီး search ရင် loading spinner → weather data (ဒါမှမဟုတ် error message) ကို screen ပေါ်မှာ တွေ့ရမည်။