Apakah itu Jetpack Compose?

Question

Accepted Answer

**Jetpack Compose** ialah **toolkit UI deklaratif** moden untuk Android — membina UI dengan composable functions Kotlin dan bukannya layout XML. Ia pendekatan yang disyorkan Google untuk UI Android baharu, menawarkan cara yang reaktif, ringkas dan lebih produktif untuk membina antara muka.

## 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)
```

## Sebuah composable function

```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 recomposition

```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 mencetuskan **recomposition** (Compose menjalankan semula composable functions yang terjejas untuk mengemas kini UI) — model reaktif.

## Compose lawan 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 ia penting

Memahami Jetpack Compose adalah penting kerana ia **pendekatan moden yang disyorkan Google untuk UI Android** dan arah pembangunan UI Android, jadi ia pengetahuan yang semakin penting.

Compose ialah **toolkit UI deklaratif** yang membina UI dengan composable functions Kotlin dan bukannya layout XML — mewakili anjakan asas dalam cara UI Android dibina, sejajar dengan falsafah deklaratif moden yang dikongsi oleh Flutter, React dan SwiftUI.

Memahami **model deklaratif dan reaktif** — menggambarkan UI sebagai composable functions untuk sesuatu state, dengan UI dikemas kini secara automatik (melalui **recomposition**) apabila state berubah — ialah konsep teras, berbeza dengan pendekatan imperatif tradisional (memanipulasi view secara manual dengan findViewById dan setter).

Memahami **composables** (membina UI dengan menggubah fungsi, tanpa XML atau findViewById) dan **state dengan recomposition** (perubahan state mencetuskan jalanan semula composables yang terjejas untuk mengemas kini UI) adalah perlu untuk membina UI Compose.

Memahami **kontras dengan sistem View tradisional** (XML + manipulasi imperatif berbanding Kotlin deklaratif dengan kurang boilerplate, state reaktif dan produktiviti yang lebih tinggi) menjelaskan mengapa Compose lebih disukai dan bagaimana ia berbeza.

Memandangkan Compose ialah pendekatan yang disyorkan Google untuk UI Android baharu (dengan aplikasi baharu semakin menerimanya dan ia menjadi arah jelas pembangunan UI Android), dan memandangkan memahami model deklaratif dan reaktifnya serta cara ia berbeza daripada sistem tradisional semakin penting untuk kerja Android moden, memahami Jetpack Compose adalah pengetahuan Android yang penting dan semakin diperlukan — cara moden yang disyorkan untuk membina UI Android, mewakili arah platform serta pengetahuan yang semakin dijangka bagi pembangun Android yang membina aplikasi baharu, satu evolusi penting daripada sistem view berasaskan XML tradisional.