Jetpack Compose کیا ہے؟

Question

Accepted Answer

**Jetpack Compose** Android کا جدید **declarative UI toolkit** ہے — XML layouts کی بجائے composable Kotlin functions کے ساتھ UIs بنانا۔ یہ نئے Android UI کے لیے Google کا تجویز کردہ طریقہ ہے، جو reactive، مختصر، اور زیادہ پروڈکٹیو انٹرفیس بنانے کا طریقہ فراہم کرتا ہے۔

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

## ایک 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 اور 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
}
```

State میں تبدیلی **recomposition** کو trigger کرتی ہے (Compose متاثرہ composable functions کو دوبارہ چلاتا ہے UI کو اپڈیٹ کرنے کے لیے) — reactive model۔

## Compose بمقابلہ روایتی View system

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

## اہمیت

Jetpack Compose کو سمجھنا اہم ہے کیونکہ یہ **Google کا Android UI کے لیے تجویز کردہ جدید طریقہ** ہے اور Android UI development کی سمت ہے، اس لیے یہ بتدریج ضروری علم ہے۔

Compose ایک **declarative UI toolkit** ہے جو XML layouts کی بجائے composable Kotlin functions کے ساتھ UIs بناتا ہے — Android UIs کس طرح بنائے جاتے ہیں اس میں بنیادی تبدیلی کی نمائندگی کرتے ہوئے، Flutter، React، اور SwiftUI کے ساتھ جدید declarative فلسفے سے متوازی۔

**Declarative، reactive model** کو سمجھنا — UI کو composable functions کے طور پر کسی دیے گئے state کے لیے بیان کرنا، UI خود بخود اپڈیٹ ہو رہا ہے (via **recomposition**) جب state تبدیل ہوتی ہے — بنیادی تصور ہے، روایتی imperative طریقے (findViewById اور setters کے ساتھ manually views کو manipulate کرنا) کے ساتھ متضاد۔

**Composables** کو سمجھنا (functions کو compose کرکے UIs بنانا، کوئی XML یا findViewById نہیں) اور **state with recomposition** (state کی تبدیلیوں سے متاثرہ composables کے دوبارہ چلنے UI کو اپڈیٹ کرنے کے لیے) Compose UIs بنانے کے لیے ضروری ہے۔

**روایتی View system کے ساتھ تضاد** کو سمجھنا (XML + imperative manipulation بمقابلہ declarative Kotlin کے ساتھ کم boilerplate، reactive state، اور بہتر productivity) یہ واضح کرتا ہے کہ Compose کو کیوں ترجیح دی جاتی ہے اور یہ کیسے مختلف ہے۔

چونکہ Compose Google کا نئے Android UI کے لیے تجویز کردہ طریقہ ہے (نئی apps اسے تیزی سے اپنا رہی ہیں اور یہ Android UI development کی واضح سمت ہے)، اور چونکہ اس کے declarative، reactive model کو سمجھنا اور یہ جاننا کہ یہ روایتی system سے کیسے مختلف ہے جدید Android کام کے لیے بتدریج ضروری ہے، Jetpack Compose کو سمجھنا اہم، بتدریج ضروری Android علم ہے — Android UIs بنانے کا جدید، تجویز کردہ طریقہ، پلیٹ فارم کی سمت کی نمائندگی کرتے ہوئے اور نئی apps بنانے والے Android developers کے لیے بتدریج متوقع علم، روایتی XML-based view system سے اہم ارتقاء۔