SwiftUI

Apa itu ini

Bayangkan mendeskripsikan ruangan yang sudah jadi kepada seorang dekorator, alih-alih memindahkan setiap perabotnya sendiri. SwiftUI bekerja dengan cara seperti itu. Ini adalah UI (User Interface — bagian aplikasi yang tampil di layar) deklaratif milik Apple untuk membangun antarmuka di semua platform Apple dengan satu toolkit yang sama. Alih-alih mengubah tampilan langkah demi langkah sendiri, Anda mendeskripsikan seperti apa seharusnya UI untuk suatu keadaan (state) tertentu, dan framework ini menjaga layar tetap sinkron saat state itu berubah. Framework ini berjalan di Xcode dengan kanvas pratinjau langsung (live preview), jadi Anda melihat perubahan saat mengetik.

Kelebihan

Deklaratif dan ringkas — jauh lebih sedikit kode boilerplate dibanding pendekatan UIKit/AppKit yang lebih lama.
Pembaruan otomatis yang digerakkan oleh state melalui @State, @Binding, dan observation.
Pratinjau langsung membuat iterasi pada layout jadi cepat dan visual.
Satu framework menyasar iPhone, iPad, Mac, Watch, dan TV dengan kode yang sama.
Dukungan bawaan untuk animasi, aksesibilitas, dark mode, dan dynamic type.

Trade-off

(Application Programming Interfaces — blok bangunan siap pakai) yang lebih baru membutuhkan versi OS (Operating System — perangkat lunak inti perangkat) terbaru, yang bisa jadi masalah jika Anda harus mendukung perangkat lama.
Untuk UI yang sangat kustom atau tidak biasa, terkadang Anda perlu kembali ke interop UIKit/AppKit.
Beberapa perilaku bersifat tertutup (opaque), dan men-debug masalah layout atau state bisa membuat frustrasi.
Framework ini berkembang cepat, sehingga contoh kode bisa menjadi usang antar rilis OS.

Paling cocok untuk

SwiftUI adalah pilihan yang tepat untuk aplikasi platform Apple baru di mana Anda ingin bergerak cepat, menjaga basis kode tetap kecil, dan menyasar versi OS terkini. Framework ini cocok secara alami dengan value type dan concurrency milik Swift.

Kecocokan dengan vibe coding

SwiftUI cocok untuk pembangunan berbantuan AI karena tampilannya kecil, dapat disusun (composable), dan berdiri sendiri (self-contained) — mudah bagi sebuah model untuk menghasilkannya dan mudah bagi Anda untuk memverifikasinya di kanvas pratinjau. Minta asisten untuk memodelkan state layar secara eksplisit dengan @State/@Observable, memecah tampilan besar menjadi subview-subview kecil, dan menggerakkan daftar (list) dari data yang dapat diidentifikasi (identifiable). Jaga agar hanya ada satu sumber kebenaran (source of truth) untuk state dan biarkan binding mengalir ke bawah; aturan tunggal itu mencegah sebagian besar kebingungan dalam kode SwiftUI hasil generate.

import SwiftUI

struct CounterView: View {
    @State private var count = 0
    var body: some View {
        VStack {
            Text("\(count)").font(.largeTitle)
            Button("Add") { count += 1 }
        }
    }
}