Apa itu Jetpack Compose?

Question

Accepted Answer

**Jetpack Compose** adalah **toolkit UI deklaratif** modern Android — membangun UI dengan fungsi Kotlin yang dapat dikomposisi daripada tata letak XML. Ini adalah pendekatan yang direkomendasikan Google untuk UI Android baru, menawarkan cara yang reaktif, ringkas, dan lebih produktif untuk membangun antarmuka.

## Apa itu Compose

```text
JETPACK COMPOSE = a declarative UI toolkit (Kotlin code, no XML):
  → describe the UI as COMPOSABLE FUNCTIONS (annotated @Composable)
  → DECLARATIVE + REACTIVE — describe UI for a given state; it updates when state changes
  → Google's RECOMMENDED modern approach (similar philosophy to Flutter, React, SwiftUI)
```

## Fungsi yang dapat dikomposisi

```kotlin
@Composable
fun Greeting(name: String) {
  Column {                            // layout composable
    Text("Hello, $name")              // text composable
    Button(onClick = { /* ... */ }) {
      Text("Click me")
    }
  }
}
// → compose UI by CALLING composable functions (composition); no XML, no findViewById
```

## State dan rekomposisi

```kotlin
@Composable
fun Counter() {
  var count by remember { mutableStateOf(0) }   // STATE
  Button(onClick = { count++ }) {                // change state
    Text("Count: $count")                         // UI reads state
  }
  // → when state changes, Compose RECOMPOSES (re-runs affected composables) → UI updates
}
```

Perubahan state memicu **rekomposisi** (Compose menjalankan kembali fungsi composable yang terpengaruh untuk memperbarui UI) — model reaktif.

## Compose vs sistem View tradisional

```text
TRADITIONAL → XML layouts + imperative view manipulation (findViewById, setText, etc.)
COMPOSE → declarative Kotlin; less boilerplate; reactive state; more productive;
  the modern, recommended direction (new apps; interop with existing Views possible)
```

## Mengapa ini penting

Memahami Jetpack Compose penting karena ini adalah **pendekatan modern yang direkomendasikan Google untuk UI Android** dan arah pengembangan UI Android, jadi ini adalah pengetahuan yang semakin penting.

Compose adalah **toolkit UI deklaratif** yang membangun UI dengan fungsi Kotlin yang dapat dikomposisi daripada tata letak XML — merepresentasikan pergeseran fundamental dalam cara UI Android dibangun, sejalan dengan filosofi deklaratif modern yang dibagikan oleh Flutter, React, dan SwiftUI.

Memahami **model deklaratif dan reaktif** — mendeskripsikan UI sebagai fungsi yang dapat dikomposisi untuk state tertentu, dengan UI secara otomatis diperbarui (melalui **rekomposisi**) ketika state berubah — adalah konsep inti, berbeda dengan pendekatan imperatif tradisional (memanipulasi view secara manual dengan findViewById dan setter).

Memahami **composable** (membangun UI dengan mengkomposisi fungsi, tanpa XML atau findViewById) dan **state dengan rekomposisi** (perubahan state memicu re-run composable yang terpengaruh untuk memperbarui UI) diperlukan untuk membangun UI Compose.

Memahami **kontras dengan sistem View tradisional** (XML + manipulasi imperatif vs deklaratif Kotlin dengan lebih sedikit boilerplate, state reaktif, dan produktivitas lebih besar) memperjelas mengapa Compose disukai dan bagaimana perbedaannya.

Karena Compose adalah pendekatan yang direkomendasikan Google untuk UI Android baru (aplikasi baru semakin banyak mengadopsinya dan ini adalah arah yang jelas dari pengembangan UI Android), dan karena memahami model deklaratif dan reaktifnya serta bagaimana perbedaannya dengan sistem tradisional semakin penting untuk pekerjaan Android modern, memahami Jetpack Compose adalah pengetahuan Android yang penting dan semakin penting — cara modern dan yang direkomendasikan untuk membangun UI Android, merepresentasikan arah platform dan pengetahuan yang semakin diharapkan untuk developer Android yang membangun aplikasi baru, evolusi signifikan dari sistem View berbasis XML tradisional.