Android (Jetpack Compose)

Apa itu ini

Bayangkan menjelaskan ruangan yang sudah jadi kepada seorang dekorator ("sofa biru di bawah jendela") alih-alih memindahkan setiap perabot sendiri, langkah demi langkah. Jetpack Compose bekerja dengan cara yang sama. Ini adalah toolkit UI (User Interface — bagian aplikasi yang tampil di layar) deklaratif modern milik Android. Alih-alih mendefinisikan tata letak dalam berkas markup terpisah lalu mengeditnya lewat referensi, kamu menulis fungsi Kotlin yang bisa "digabungkan" (composable) untuk menjelaskan seperti apa seharusnya tampilan UI untuk suatu state (kondisi data) tertentu, dan framework akan menggambar ulang layar setiap kali state itu berubah. Ini sekarang menjadi cara yang direkomendasikan Google untuk membangun antarmuka Android native. Compose bekerja berdampingan dengan pustaka Jetpack yang lebih luas untuk navigasi, siklus hidup (lifecycle), dan data.

Kelebihan

• Deklaratif dan native-Kotlin — UI dan logika berada dalam satu bahasa, tanpa layout XML.
• Recomposition (penggambaran ulang) yang digerakkan oleh state menjaga layar tetap sinkron secara otomatis.
• Boilerplate (kode berulang yang wajib ada) lebih sedikit dibanding sistem View lama; blok bangunan yang bisa digabungkan (composable) sangat kuat.
• Komponen Material Design, theming, animasi, dan aksesibilitas sudah tersedia bawaan.
• Bisa berinteraksi dengan kode berbasis View yang sudah ada, sehingga adopsinya bisa dilakukan bertahap.

Trade-off (kompromi)

• Perilaku recomposition bisa jadi rumit; state yang diletakkan di tempat yang salah menyebabkan penggambaran ulang berlebihan atau bug.
• Membutuhkan tooling Android yang cukup baru dan setup SDK (Software Development Kit — kumpulan alat dan pustaka untuk membangun aplikasi) minimum tertentu.
• Model mentalnya berbeda dari pendekatan imperatif lama, jadi ada kurva belajar.
• Beberapa pustaka View-only yang sudah matang masih membutuhkan wrapper interop (penghubung).

Paling cocok untuk

Jetpack Compose adalah pilihan yang tepat untuk aplikasi Android native baru di mana kamu menginginkan basis kode yang modern, mudah dirawat, dan iterasi cepat. Compose selaras secara alami dengan Kotlin dan coroutine.

Kecocokan dengan vibe coding

Compose cocok untuk pengembangan berbantuan AI karena composable adalah fungsi kecil dan murni dari state — mudah dihasilkan, dipratinjau, dan diverifikasi secara terpisah. Minta asisten AI untuk mengangkat (hoist) state keluar dari composable (nilai dikirim ke bawah, event dikirim ke atas), menjaga agar setiap composable tetap fokus pada satu hal, dan menggerakkan daftar (list) dari data yang tidak berubah (immutable). Anotasi @Preview memungkinkanmu melihat sekilas UI yang dihasilkan tanpa menjalankan seluruh aplikasi, mempersingkat siklus umpan balik (feedback loop).

@Composable
fun Counter() {
    var count by remember { mutableStateOf(0) }
    Column {
        Text("Count: $count")
        Button(onClick = { count++ }) { Text("Add") }
    }
}