Налаштування архітектури MVVM для iOS-додатку: Combine чи @Observable

Налаштування архітектури MVVM для iOS-додатку з нуля

Ми часто зустрічаємо проекти на MVC, де ViewController розростається до тисяч рядків: мережеві запити, обробка даних, оновлення UI — все в одному файлі. Така архітектура ускладнює тестування та підтримку. Перехід на MVVM вирішує ці проблеми: ViewModel бере на себе бізнес-логіку, а View залишається «дурною». Однак налаштування MVVM на iOS — не універсальний шаблон: вибір між Combine, @Observable та RxSwift впливає на продуктивність і сумісність. Наш досвід показує, що правильно обрана реалізація скорочує час впровадження нового функціоналу на 40% і зменшує кількість регресійних багів у 3 рази завдяки ізоляції логіки. Ми гарантуємо стабільну архітектуру, що відповідає App Store Review Guidelines.

Яку реалізацію MVVM обрати для вашого проекту?

MVVM з Combine (iOS 13+)

Класична реалізація з ObservableObject і @Published:

final class ProfileViewModel: ObservableObject {
    @Published var user: User?
    @Published var isLoading = false
    @Published var error: AppError?
    private let userRepository: UserRepository
    private var cancellables = Set<AnyCancellable>()

    init(userRepository: UserRepository) {
        self.userRepository = userRepository
    }

    func loadProfile() {
        isLoading = true
        userRepository.fetchCurrentUser()
            .receive(on: DispatchQueue.main)
            .sink(
                receiveCompletion: { [weak self] completion in
                    self?.isLoading = false
                    if case .failure(let error) = completion {
                        self?.error = error
                    }
                },
                receiveValue: { [weak self] user in
                    self?.user = user
                }
            )
            .store(in: &cancellables)
    }
}

Слабкі місця: cancellables потрібно явно зберігати (інакше підписка негайно скасується), витоки пам'яті через [weak self] у замиканнях — типова причина крашу при навігації назад. Налаштовуємо deinit з логуванням для перевірки життєвого циклу в debug.

MVVM з @Observable (iOS 17+)

Макрос @Observable з Observation framework прибирає бойлерплейт:

@Observable final class ProfileViewModel {
    var user: User?
    var isLoading = false
    var error: AppError?
    private let userRepository: UserRepository

    init(userRepository: UserRepository) {
        self.userRepository = userRepository
    }

    func loadProfile() async {
        isLoading = true
        defer { isLoading = false }
        do {
            user = try await userRepository.fetchCurrentUser()
        } catch {
            self.error = error as? AppError
        }
    }
}

SwiftUI автоматично відстежує залежності — ре-рендер лише при зміні використовуваних властивостей. Немає @Published, немає cancellables. Мінус: лише iOS 17+, що обмежує застосування для проектів з широкою аудиторією.

Порівняння Combine і @Observable

Чому важливо впровадити Dependency Injection?

Без DI ViewModel створює залежності всередині себе — тестувати стає неможливо. Використання DI-контейнера дозволяє підміняти реальні сервіси на моки за пару рядків коду. Наприклад, у тестах ми передаємо MockUserRepository, який замість походу в мережу повертає готові дані. Це скорочує час прогону тестів з 10 секунд до 0.1 секунди на тест.

Ось порівняння популярних DI-фреймворків:

Вибір залежить від версії мови та вимог до тестування. Ми рекомендуємо SwiftDependencies для нових проектів на iOS 17+ через строгу типізацію та вбудовану підтримку тестів.

Як впровадити MVVM без болю: покрокова інструкція?

1. Аналіз поточної структури проекту та виділення модулів.
2. Вибір відповідної реалізації: Combine для iOS 13+, @Observable для iOS 17+, RxSwift за наявності legacy коду.
3. Створення базових протоколів ViewModel та Coordinator.
4. Налаштування DI-контейнера (Swinject, Resolver або SwiftDependencies).
5. Рефакторинг одного екрану з MVC в MVVM для демонстрації команді.
6. Написання unit-тестів на нові ViewModel з використанням mock-репозиторіїв.
7. Документування архітектури та code review.

Цей процес займає від 2 до 5 днів для нового проекту. Міграція legacy MVC → MVVM оцінюється індивідуально — зв'яжіться з нами для оцінки.

Як тестувати ViewModel з async/await?

Завдяки async/await тести стають лінійними. Приклад:

func testLoadProfile_success() async {
    let mockRepository = MockUserRepository(result: .success(User.fixture))
    let sut = ProfileViewModel(userRepository: mockRepository)
    await sut.loadProfile()
    XCTAssertEqual(sut.user?.id, User.fixture.id)
    XCTAssertFalse(sut.isLoading)
    XCTAssertNil(sut.error)
}

Жодного XCTestExpectation для async — з async/await тести ViewModel пишуться лінійно і читаються як звичайний код.

Координаторний патерн + MVVM

Чистий MVVM не вирішує навігацію. ViewModel не повинна знати про екрани. Координатор інкапсулює навігаційну логіку:

protocol ProfileCoordinator: AnyObject {
    func showEditProfile(user: User)
    func showSettings()
}

final class ProfileViewModel {
    weak var coordinator: ProfileCoordinator?
    // ...
    func editProfileTapped() {
        guard let user else { return }
        coordinator?.showEditProfile(user: user)
    }
}