MVVM vs The Composable Architecture (TCA)
Die zwei beliebtesten Architekturmuster in iOS treten gegeneinander an: das klassische MVVM gegen Point-Frees funktionales TCA. Wie wählt man die richtige Architektur?
Apples Zukunft: deklarativ, reaktiv, plattformübergreifend
15 Jahre bewährtes, leistungsstarkes und ausgereiftes Framework
| Kategorie | SwiftUI | UIKit |
|---|---|---|
| Performance | 8/10 | 10/10 |
| Erlernbarkeit | 8/10 | 5/10 |
| Ökosystem | 8/10 | 9/10 |
| Community | 8/10 | 9/10 |
| Arbeitsmarkt | 8/10 | 9/10 |
| Zukunftssicherheit | 10/10 | 6/10 |
// SwiftUI - Benutzerprofilkarte
import SwiftUI
struct ProfileCard: View {
@StateObject private var viewModel = ProfileViewModel()
@State private var isFollowing = false
var body: some View {
VStack(alignment: .leading, spacing: 16) {
HStack {
AsyncImage(url: viewModel.user.avatarURL) { image in
image.resizable().scaledToFill()
} placeholder: {
ProgressView()
}
.frame(width: 64, height: 64)
.clipShape(Circle())
VStack(alignment: .leading) {
Text(viewModel.user.name)
.font(.headline)
Text(viewModel.user.title)
.font(.subheadline)
.foregroundStyle(.secondary)
}
Spacer()
Button(isFollowing ? "Entfolgen" : "Folgen") {
withAnimation(.spring(response: 0.3)) {
isFollowing.toggle()
}
}
.buttonStyle(.bordered)
.tint(isFollowing ? .gray : .blue)
}
}
.padding()
.background(.regularMaterial)
.clipShape(RoundedRectangle(cornerRadius: 16))
}
}// UIKit - Benutzerprofilkarte
import UIKit
class ProfileCardViewController: UIViewController {
private let avatarImageView: UIImageView = {
let iv = UIImageView()
iv.contentMode = .scaleAspectFill
iv.clipsToBounds = true
iv.layer.cornerRadius = 32
iv.translatesAutoresizingMaskIntoConstraints = false
return iv
}()
private let nameLabel: UILabel = {
let label = UILabel()
label.font = .preferredFont(forTextStyle: .headline)
label.translatesAutoresizingMaskIntoConstraints = false
return label
}()
private lazy var followButton: UIButton = {
var config = UIButton.Configuration.bordered()
config.title = "Folgen"
let btn = UIButton(configuration: config)
btn.addTarget(self, action: #selector(followTapped), for: .touchUpInside)
btn.translatesAutoresizingMaskIntoConstraints = false
return btn
}()
override func viewDidLoad() {
super.viewDidLoad()
setupUI()
loadUserData()
}
private func setupUI() {
view.addSubview(avatarImageView)
view.addSubview(nameLabel)
view.addSubview(followButton)
NSLayoutConstraint.activate([
avatarImageView.leadingAnchor.constraint(equalTo: view.leadingAnchor, constant: 16),
avatarImageView.centerYAnchor.constraint(equalTo: view.centerYAnchor),
avatarImageView.widthAnchor.constraint(equalToConstant: 64),
avatarImageView.heightAnchor.constraint(equalToConstant: 64)
])
}
@objc private func followTapped() {
UIView.animate(withDuration: 0.3) {
self.followButton.alpha = 0.5
} completion: { _ in
UIView.animate(withDuration: 0.3) { self.followButton.alpha = 1 }
}
}
}Ab 2025 sollten neue Projekte standardmäßig auf SwiftUI setzen – dorthin fließt Apples gesamte Investition. Bei komplexen individuellen Anforderungen, Unterstützung für iOS-Versionen unter 13 oder einer großen Legacy-Codebasis bleibt UIKit jedoch weiterhin unverzichtbar. Der ideale Ansatz: zuerst SwiftUI ausprobieren und bei Bedarf über UIViewRepresentable eine UIKit-Komponente einbetten.
Kostenlose Beratung erhaltenJa. Mit UIHostingController lässt sich eine SwiftUI-View in UIKit einbetten, mit UIViewRepresentable eine UIKit-View in SwiftUI. In großen Projekten ist ein hybrider Ansatz üblich.