Project — Weather App (URLSession + async/await)

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

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

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

City name TextField ထဲ ရိုက်ပြီး Search button ကို tap ရင် — ViewModel က `state = .loading` လို့ ပြောင်းပြီး, `fetchWeather(city:)` ကို `Task { }` ထဲ ခေါ်ပါတယ် — success ဖြစ်ရင် `state = .success(response)`, fail ဖြစ်ရင် (network down, city not found) `state = .error("...")` ဆိုပြီး state ပြောင်းပါတယ်, View ကတော့ `switch state { case .loading: ProgressView(); case .success(let data): WeatherCard(data); case .error(let msg): Text(msg) }` ဆိုပြီး state အလိုက် ကွဲပြားစွာ render လုပ်ပါတယ်.

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

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

enum WeatherUiState {
    case loading
    case success(WeatherResponse)
    case error(String)
}

@MainActor
class WeatherViewModel: ObservableObject {
    @Published var state: WeatherUiState = .loading

    func search(city: String) async {
        state = .loading
        do {
            let weather = try await fetchWeather(city: city)
            state = .success(weather)
        } catch {
            state = .error("Could not load weather for \(city)")
        }
    }
}

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