MVVM vs MVI na Androidzie: Którą Architekturę Wybrać w 2026?

Szczegółowe porównanie MVVM i MVI na Androidzie: zalety, ograniczenia, przypadki użycia i praktyczny przewodnik po wyborze właściwej architektury w 2026.

Porównanie architektur MVVM i MVI dla Androida

Wybór odpowiedniej architektury to kluczowa decyzja wpływająca na utrzymywalność, testowalność i skalowalność aplikacji Android. W 2026 roku dwa wzorce dominują w ekosystemie: MVVM, standard branżowy, oraz MVI, reaktywne podejście zyskujące popularność wraz z Jetpack Compose.

Stawka jest wysoka

Zły wybór architektury jest kosztowny: dług techniczny, trudne do odtworzenia błędy i bolesne refaktoryzacje. Zrozumienie mocnych i słabych stron każdego podejścia oszczędza wiele problemów w dłuższej perspektywie.

Zrozumienie MVVM: Ugruntowany Standard

MVVM (Model-View-ViewModel) to architektura rekomendowana przez Google od momentu wprowadzenia Jetpacka. Separuje odpowiedzialności na trzy wyraźne warstwy, czyniąc kod bardziej przejrzystym i testowalnym.

Podstawowe Zasady MVVM

Wzorzec MVVM opiera się na wyraźnym rozdzieleniu: Model zarządza danymi i logiką biznesową, View wyświetla interfejs, a ViewModel łączy oba elementy, eksponując obserwowalne stany.

Poniżej zaimplementowano ekran profilu użytkownika w MVVM. Pierwszy przykład pokazuje podstawową strukturę z ViewModelem eksponującym obserwowalny stan i metody interakcji użytkownika.

UserProfileViewModel.ktkotlin
// Classic MVVM ViewModel for a user profile screen
// It exposes observable state and methods for actions
class UserProfileViewModel(
    private val userRepository: UserRepository,
    private val analyticsTracker: AnalyticsTracker
) : ViewModel() {

    // Observable state with StateFlow - the View observes these changes
    private val _uiState = MutableStateFlow(UserProfileState())
    val uiState: StateFlow<UserProfileState> = _uiState.asStateFlow()

    // Separate loading state - MVVM allows multiple flows
    private val _isLoading = MutableStateFlow(false)
    val isLoading: StateFlow<Boolean> = _isLoading.asStateFlow()

    // One-shot error messages
    private val _errorMessage = MutableSharedFlow<String>()
    val errorMessage: SharedFlow<String> = _errorMessage.asSharedFlow()

    // Initial profile loading
    fun loadProfile(userId: String) {
        viewModelScope.launch {
            _isLoading.value = true

            try {
                // Repository call to fetch data
                val user = userRepository.getUser(userId)

                // Update state with new data
                _uiState.update { currentState ->
                    currentState.copy(
                        user = user,
                        isEditing = false
                    )
                }

                // Analytics tracking
                analyticsTracker.trackProfileViewed(userId)

            } catch (e: Exception) {
                // Emit one-shot error message
                _errorMessage.emit("Unable to load profile")
            } finally {
                _isLoading.value = false
            }
        }
    }

    // Enable edit mode
    fun enableEditMode() {
        _uiState.update { it.copy(isEditing = true) }
    }

    // Save profile changes
    fun saveProfile(name: String, bio: String) {
        viewModelScope.launch {
            _isLoading.value = true

            try {
                val updatedUser = userRepository.updateUser(
                    _uiState.value.user?.id ?: return@launch,
                    name = name,
                    bio = bio
                )

                _uiState.update {
                    it.copy(user = updatedUser, isEditing = false)
                }

            } catch (e: Exception) {
                _errorMessage.emit("Failed to save profile")
            } finally {
                _isLoading.value = false
            }
        }
    }
}

// Data class representing the screen state
data class UserProfileState(
    val user: User? = null,
    val isEditing: Boolean = false
)

Ten ViewModel ilustruje typowe podejście MVVM: wiele obserwowalnych flows (główny stan, ładowanie, błędy) i publiczne metody dla każdej akcji użytkownika.

Zalety MVVM

MVVM ma kilka mocnych stron wyjaśniających jego masową adopcję:

  • Znajomość: Większość programistów Android zna ten wzorzec
  • Elastyczność: Struktura stanu jest całkowicie dowolna
  • Ekosystem: Doskonała integracja z Jetpackiem (LiveData, StateFlow, Hilt)
  • Prostota: Łagodna krzywa uczenia się dla początkujących

MVVM szczególnie dobrze sprawdza się w mieszanych zespołach z programistami różnych poziomów. Jego prostota konceptualna ułatwia onboarding.

Ograniczenia MVVM

Jednak MVVM ujawnia swoje ograniczenia gdy aplikacja rośnie. Głównym problemem jest rozproszone zarządzanie stanem. Poniższy przykład ilustruje ten powszechny problem:

ProblematicViewModel.ktkotlin
// Example MVVM ViewModel with fragmented state
// This pattern becomes problematic as the screen grows in complexity
class CheckoutViewModel : ViewModel() {

    // Problem: state scattered across multiple flows
    private val _cart = MutableStateFlow<List<CartItem>>(emptyList())
    private val _selectedAddress = MutableStateFlow<Address?>(null)
    private val _selectedPayment = MutableStateFlow<PaymentMethod?>(null)
    private val _promoCode = MutableStateFlow<String?>(null)
    private val _isLoading = MutableStateFlow(false)
    private val _error = MutableStateFlow<String?>(null)

    // Each modification can create temporary inconsistent states
    fun applyPromoCode(code: String) {
        viewModelScope.launch {
            _isLoading.value = true
            _error.value = null  // Reset error

            try {
                val discount = promoRepository.validate(code)
                _promoCode.value = code
                // Cart state also needs updating...
                // but there's a delay between the two updates
                recalculateCart()
            } catch (e: Exception) {
                _error.value = e.message
                _promoCode.value = null
            } finally {
                _isLoading.value = false
            }
        }
    }

    // Hard to guarantee consistency across all these states
    private fun recalculateCart() {
        // Complex logic depending on multiple states...
    }
}

Ten przykład pokazuje jak stan może się fragmentować w MVVM, utrudniając śledzenie przejść i reprodukcję błędów.

Zrozumienie MVI: Podejście Jednokierunkowe

MVI (Model-View-Intent) przyjmuje inną filozofię: jednokierunkowy przepływ danych i jeden niezmienny stan. Podejście to, inspirowane Reduxem, eliminuje problemy z niespójnym stanem.

Podstawowe Zasady MVI

W MVI wszystko podąża za wyraźnym cyklem: użytkownik emituje Intent (akcję), Reducer transformuje aktualny stan w nowy, a View wyświetla ten jeden stan. Jest przewidywalny, testowalny i debugowalny.

Poniżej zaimplementowano ten sam ekran profilu, tym razem z MVI. Warto zauważyć jak stan jest scentralizowany, a akcje są jawnie typowane.

UserProfileMviViewModel.ktkotlin
// MVI ViewModel for the same user profile screen
// Note the structure: Intent → Reducer → Single State
class UserProfileMviViewModel(
    private val userRepository: UserRepository,
    private val analyticsTracker: AnalyticsTracker
) : ViewModel() {

    // Single, immutable state - the absolute source of truth
    private val _state = MutableStateFlow(UserProfileState())
    val state: StateFlow<UserProfileState> = _state.asStateFlow()

    // Channel for side effects (navigation, snackbar)
    private val _sideEffect = Channel<UserProfileSideEffect>()
    val sideEffect: Flow<UserProfileSideEffect> = _sideEffect.receiveAsFlow()

    // Single entry point for all user actions
    fun onIntent(intent: UserProfileIntent) {
        when (intent) {
            is UserProfileIntent.LoadProfile -> loadProfile(intent.userId)
            is UserProfileIntent.EnableEditMode -> enableEditMode()
            is UserProfileIntent.SaveProfile -> saveProfile(intent.name, intent.bio)
            is UserProfileIntent.CancelEdit -> cancelEdit()
        }
    }

    private fun loadProfile(userId: String) {
        viewModelScope.launch {
            // Transition to loading state
            _state.update { it.copy(isLoading = true, error = null) }

            try {
                val user = userRepository.getUser(userId)

                // Single atomic state update
                _state.update {
                    it.copy(
                        user = user,
                        isLoading = false,
                        error = null
                    )
                }

                analyticsTracker.trackProfileViewed(userId)

            } catch (e: Exception) {
                // Error state is part of the main state
                _state.update {
                    it.copy(
                        isLoading = false,
                        error = "Unable to load profile"
                    )
                }
            }
        }
    }

    private fun enableEditMode() {
        // Simple, predictable update
        _state.update { it.copy(isEditing = true) }
    }

    private fun saveProfile(name: String, bio: String) {
        viewModelScope.launch {
            val currentUser = _state.value.user ?: return@launch

            _state.update { it.copy(isLoading = true) }

            try {
                val updatedUser = userRepository.updateUser(
                    currentUser.id,
                    name = name,
                    bio = bio
                )

                _state.update {
                    it.copy(
                        user = updatedUser,
                        isEditing = false,
                        isLoading = false
                    )
                }

                // Side effect to notify the user
                _sideEffect.send(UserProfileSideEffect.ShowSuccess("Profile updated"))

            } catch (e: Exception) {
                _state.update {
                    it.copy(isLoading = false, error = "Failed to save profile")
                }
            }
        }
    }

    private fun cancelEdit() {
        _state.update { it.copy(isEditing = false) }
    }
}

// All possible actions, explicitly typed
sealed class UserProfileIntent {
    data class LoadProfile(val userId: String) : UserProfileIntent()
    object EnableEditMode : UserProfileIntent()
    data class SaveProfile(val name: String, val bio: String) : UserProfileIntent()
    object CancelEdit : UserProfileIntent()
}

// Single, complete screen state
data class UserProfileState(
    val user: User? = null,
    val isLoading: Boolean = false,
    val isEditing: Boolean = false,
    val error: String? = null
)

// One-shot side effects
sealed class UserProfileSideEffect {
    data class ShowSuccess(val message: String) : UserProfileSideEffect()
    data class NavigateTo(val destination: String) : UserProfileSideEffect()
}

Różnica jest wyraźna: jeden flow stanu, jawne akcje i czyste rozdzielenie między stanem trwałym a jednorazowymi efektami.

Łatwiejsze Debugowanie

Z MVI można logować każdy Intent i każde przejście stanu. Reprodukcja błędu staje się banalna: wystarczy odtworzyć sekwencję Intentów.

MVI z Jetpack Compose

MVI szczególnie błyszczy z Jetpack Compose, gdyż oba podejścia podzielają tę samą filozofię: niezmienny stan i deklaratywny interfejs. Oto jak podłączyć ViewModel do ekranu Compose:

UserProfileScreen.ktkotlin
// Compose screen consuming MVI state
// The connection between ViewModel and UI is elegant and reactive
@Composable
fun UserProfileScreen(
    viewModel: UserProfileMviViewModel = hiltViewModel(),
    onNavigateBack: () -> Unit
) {
    // Collect the single state
    val state by viewModel.state.collectAsStateWithLifecycle()

    // Handle side effects
    LaunchedEffect(Unit) {
        viewModel.sideEffect.collect { effect ->
            when (effect) {
                is UserProfileSideEffect.ShowSuccess -> {
                    // Show snackbar
                }
                is UserProfileSideEffect.NavigateTo -> {
                    // Navigate
                }
            }
        }
    }

    // Purely declarative UI based on state
    UserProfileContent(
        state = state,
        onIntent = viewModel::onIntent
    )
}

@Composable
private fun UserProfileContent(
    state: UserProfileState,
    onIntent: (UserProfileIntent) -> Unit
) {
    Column(modifier = Modifier.fillMaxSize().padding(16.dp)) {

        // Conditional rendering based on the single state
        when {
            state.isLoading -> {
                CircularProgressIndicator(
                    modifier = Modifier.align(Alignment.CenterHorizontally)
                )
            }
            state.error != null -> {
                ErrorMessage(
                    message = state.error,
                    onRetry = {
                        state.user?.id?.let {
                            onIntent(UserProfileIntent.LoadProfile(it))
                        }
                    }
                )
            }
            state.user != null -> {
                ProfileCard(
                    user = state.user,
                    isEditing = state.isEditing,
                    onEditClick = { onIntent(UserProfileIntent.EnableEditMode) },
                    onSaveClick = { name, bio ->
                        onIntent(UserProfileIntent.SaveProfile(name, bio))
                    },
                    onCancelClick = { onIntent(UserProfileIntent.CancelEdit) }
                )
            }
        }
    }
}

Interfejs staje się czystą funkcją stanu: przewidywalny, testowalny i bez ukrytych efektów ubocznych.

Szczegółowe Porównanie

Po zapoznaniu się z oboma wzorcami w praktyce, warto porównać je według kryteriów naprawdę istotnych w produkcji.

Zarządzanie Stanem

Fundamentalna różnica leży w zarządzaniu stanem. To rozróżnienie bezpośrednio wpływa na długoterminową utrzymywalność.

StateComparison.ktkotlin
// MVVM: potentially fragmented state
class MvvmViewModel : ViewModel() {
    // Multiple sources of truth - manual synchronization needed
    private val _users = MutableStateFlow<List<User>>(emptyList())
    private val _selectedUser = MutableStateFlow<User?>(null)
    private val _isLoading = MutableStateFlow(false)
    private val _searchQuery = MutableStateFlow("")

    // What happens if _selectedUser points to a user
    // that's no longer in _users after a refresh?
    // → Inconsistent state that's hard to detect
}

// MVI: consistent state by construction
class MviViewModel : ViewModel() {
    // Single source of truth - inconsistencies are impossible
    private val _state = MutableStateFlow(UsersState())

    data class UsersState(
        val users: List<User> = emptyList(),
        val selectedUser: User? = null,  // Always consistent with users
        val isLoading: Boolean = false,
        val searchQuery: String = ""
    )

    // Each update automatically maintains invariants
    private fun selectUser(userId: String) {
        _state.update { currentState ->
            currentState.copy(
                selectedUser = currentState.users.find { it.id == userId }
            )
        }
    }
}
Błędy-Duchy

W MVVM niespójne stany często objawiają się jako sporadyczne błędy trudne do reprodukcji. W MVI nieprawidłowy stan jest deterministycznie nieprawidłowy.

Testowalność Architektury

Obie architektury są testowalne, ale MVI oferuje znaczącą przewagę dzięki swojej przewidywalności.

TestComparison.ktkotlin
// MVVM test: requires verifying multiple flows
@Test
fun `loadUsers should update state correctly`() = runTest {
    val viewModel = MvvmViewModel(fakeRepository)

    // Observe multiple flows simultaneously
    val users = mutableListOf<List<User>>()
    val loadingStates = mutableListOf<Boolean>()

    val job1 = launch { viewModel.users.toList(users) }
    val job2 = launch { viewModel.isLoading.toList(loadingStates) }

    viewModel.loadUsers()
    advanceUntilIdle()

    // Assertions on different flows
    assertThat(users.last()).isEqualTo(expectedUsers)
    assertThat(loadingStates).containsExactly(false, true, false)

    job1.cancel()
    job2.cancel()
}

// MVI test: single flow to verify, clear state sequence
@Test
fun `LoadUsers intent should produce correct state sequence`() = runTest {
    val viewModel = MviViewModel(fakeRepository)

    // Collect all states in order
    val states = mutableListOf<UsersState>()
    val job = launch { viewModel.state.toList(states) }

    // Send the intent
    viewModel.onIntent(UsersIntent.LoadUsers)
    advanceUntilIdle()

    // Verify the exact state sequence
    assertThat(states).containsExactly(
        UsersState(),                                    // Initial
        UsersState(isLoading = true),                   // Loading
        UsersState(users = expectedUsers, isLoading = false)  // Success
    )

    job.cancel()
}

MVI pozwala testować dokładną sekwencję przejść stanu, co jest szczególnie przydatne dla złożonych ekranów z wieloma interakcjami.

Złożoność i Boilerplate

Warto być szczerym co do kompromisów. MVI wymaga więcej powtarzalnego kodu i głębszego rozumienia konceptów.

BoilerplateComparison.ktkotlin
// MVVM: quick start, less code
class SimpleViewModel : ViewModel() {
    private val _name = MutableStateFlow("")
    val name: StateFlow<String> = _name.asStateFlow()

    fun updateName(newName: String) {
        _name.value = newName
    }
}
// Total: ~10 lines

// MVI: more structure, more code
class SimpleMviViewModel : ViewModel() {
    private val _state = MutableStateFlow(SimpleState())
    val state: StateFlow<SimpleState> = _state.asStateFlow()

    fun onIntent(intent: SimpleIntent) {
        when (intent) {
            is SimpleIntent.UpdateName -> {
                _state.update { it.copy(name = intent.name) }
            }
        }
    }
}

data class SimpleState(val name: String = "")

sealed class SimpleIntent {
    data class UpdateName(val name: String) : SimpleIntent()
}
// Total: ~20 lines

Dla prostego ekranu MVI może wydawać się nadmierne. Ale ta struktura procentuje gdy ekran rośnie w złożoność.

Gotowy na rozmowy o Android?

Ćwicz z naszymi interaktywnymi symulatorami, flashcards i testami technicznymi.

Kiedy Wybrać MVVM?

MVVM pozostaje pragmatycznym wyborem w kilku sytuacjach:

Istniejące Projekty

Jeśli aplikacja już używa MVVM, migracja do MVI wymaga znacznego wysiłku. Poprawa istniejącej struktury MVVM jest często mądrzejszą decyzją.

Zespoły Junior lub Mieszane

MVVM jest bardziej dostępny. Zespół z początkującymi programistami będzie szybciej produktywny z MVVM niż z MVI.

Proste Ekrany

Dla ekranów z niewielką liczbą stanów i interakcji MVI dodaje złożoność bez proporcjonalnych korzyści.

SettingsViewModel.ktkotlin
// For a simple settings screen, MVVM is plenty
class SettingsViewModel(
    private val preferencesRepository: PreferencesRepository
) : ViewModel() {

    val darkMode = preferencesRepository.darkModeFlow
        .stateIn(viewModelScope, SharingStarted.Lazily, false)

    val notificationsEnabled = preferencesRepository.notificationsFlow
        .stateIn(viewModelScope, SharingStarted.Lazily, true)

    fun toggleDarkMode() {
        viewModelScope.launch {
            preferencesRepository.setDarkMode(!darkMode.value)
        }
    }

    fun toggleNotifications() {
        viewModelScope.launch {
            preferencesRepository.setNotifications(!notificationsEnabled.value)
        }
    }
}

Kiedy Wybrać MVI?

MVI demonstruje swoją wartość w określonych kontekstach:

Aplikacje ze Złożonym Stanem

Gdy ekran ma wiele wzajemnie zależnych stanów, MVI gwarantuje spójność.

CheckoutState.ktkotlin
// Checkout screen with complex state: MVI excels
data class CheckoutState(
    val cartItems: List<CartItem> = emptyList(),
    val selectedAddress: Address? = null,
    val selectedPayment: PaymentMethod? = null,
    val promoCode: PromoCode? = null,
    val deliveryOptions: List<DeliveryOption> = emptyList(),
    val selectedDelivery: DeliveryOption? = null,
    val subtotal: Money = Money.ZERO,
    val discount: Money = Money.ZERO,
    val deliveryFee: Money = Money.ZERO,
    val total: Money = Money.ZERO,
    val isLoading: Boolean = false,
    val error: CheckoutError? = null,
    val step: CheckoutStep = CheckoutStep.CART
) {
    // Verifiable invariants
    init {
        require(total == subtotal - discount + deliveryFee) {
            "Total inconsistent with components"
        }
    }
}

sealed class CheckoutIntent {
    data class AddItem(val item: CartItem) : CheckoutIntent()
    data class RemoveItem(val itemId: String) : CheckoutIntent()
    data class SelectAddress(val address: Address) : CheckoutIntent()
    data class SelectPayment(val method: PaymentMethod) : CheckoutIntent()
    data class ApplyPromo(val code: String) : CheckoutIntent()
    object RemovePromo : CheckoutIntent()
    data class SelectDelivery(val option: DeliveryOption) : CheckoutIntent()
    object ProceedToPayment : CheckoutIntent()
    object ConfirmOrder : CheckoutIntent()
}

Aplikacje Czasu Rzeczywistego

Dla aplikacji z WebSocketami, powiadomieniami push lub synchronizacją w czasie rzeczywistym MVI elegancko zarządza wieloma strumieniami danych.

Rygorystyczne Wymagania Debugowania

W regulowanych domenach (fintech, opieka zdrowotna) możliwość dokładnego odtworzenia sekwencji zdarzeń jest bezcenna.

MVI ułatwia implementację "debugowania z podróżą w czasie": rejestrowanie wszystkich stanów i odtwarzanie sesji użytkownika.

Podejście Hybrydowe: To Co Najlepsze z Obu Światów

W praktyce wiele zespołów przyjmuje podejście hybrydowe: MVI dla złożonych ekranów, uproszczone MVVM dla prostych. Oto rekomendowany wzorzec:

MviViewModel.ktkotlin
// Base ViewModel with lightweight MVI structure
// Reusable for all screens
abstract class MviViewModel<S, I>(initialState: S) : ViewModel() {

    private val _state = MutableStateFlow(initialState)
    val state: StateFlow<S> = _state.asStateFlow()

    protected val currentState: S get() = _state.value

    // Single entry point for intents
    abstract fun onIntent(intent: I)

    // Helper to update state
    protected fun updateState(reducer: S.() -> S) {
        _state.update { it.reducer() }
    }
}

// Concrete implementation stays simple
class ProfileViewModel(
    private val userRepository: UserRepository
) : MviViewModel<ProfileState, ProfileIntent>(ProfileState()) {

    override fun onIntent(intent: ProfileIntent) {
        when (intent) {
            is ProfileIntent.Load -> load(intent.userId)
            is ProfileIntent.Refresh -> refresh()
            is ProfileIntent.ToggleFavorite -> toggleFavorite()
        }
    }

    private fun load(userId: String) {
        viewModelScope.launch {
            updateState { copy(isLoading = true) }

            val user = userRepository.getUser(userId)

            updateState {
                copy(user = user, isLoading = false)
            }
        }
    }

    private fun refresh() = load(currentState.user?.id ?: return)

    private fun toggleFavorite() {
        updateState {
            copy(user = user?.copy(isFavorite = !user.isFavorite))
        }
    }
}

To podejście oferuje zalety MVI (jeden stan, typowane intenty) bez nadmiernego boilerplate.

Rekomendacje na 2026

Oto rekomendacje dotyczące wyboru między tymi dwiema architekturami w zależności od kontekstu:

Dla Nowych Projektów z Compose

Zaadoptować MVI od samego początku. Compose i MVI podzielają tę samą filozofię, a początkowa inwestycja zwraca się szybko.

Dla Istniejących Projektów Opartych na View

Pozostać przy MVVM, stopniowo wdrażając najlepsze praktyki MVI: jeden stan w ViewModelu, typowane akcje z sealed class.

Dla Dużych Zespołów

Ustandaryzować jedno podejście i je udokumentować. Spójność w kodzie jest ważniejsza niż sam wybór wzorca.

Prawdziwe Kryterium

Najlepszy wzorzec to ten, który zespół rozumie i stosuje poprawnie. Dobrze zaimplementowane MVVM bije słabo rozumiane MVI.

Podsumowanie

MVVM i MVI to oba prawidłowe podejścia do architektury aplikacji Android. MVVM oferuje prostotę i znajomość, podczas gdy MVI przynosi przewidywalność i łatwiejsze debugowanie.

Lista Kontrolna Decyzji

  • Wybrać MVVM jeśli: zespół junior, prosty projekt, kosztowna migracja
  • Wybrać MVI jeśli: natywny Compose, złożony stan, krytyczne debugowanie
  • Podejście hybrydowe rekomendowane: lekkie MVI z jednym stanem, bez over-engineeringu
  • Najwyższy priorytet: spójność w całej bazie kodu

Zacznij ćwiczyć!

Sprawdź swoją wiedzę z naszymi symulatorami rozmów i testami technicznymi.

Niezależnie od wyboru, kluczem jest zrozumienie mocnych i słabych stron każdego podejścia, aby podjąć świadomą decyzję. Najlepszy kod to taki, który zespół może spokojnie utrzymywać przez długi czas.

Tagi

#android
#mvvm
#mvi
#architecture
#jetpack compose

Udostępnij

Powiązane artykuły