Jetpack Compose ਕੀ ਹੈ?

Question

Accepted Answer

**Jetpack Compose** ਐਂਡਰਾਇਡ ਦਾ ਆਧੁਨਿਕ **declarative UI toolkit** ਹੈ — XML layouts ਦੀ ਬਜਾਏ composable Kotlin functions ਨਾਲ UIs ਬਣਾਉਂਦਾ ਹੈ। ਇਹ Google ਦਾ ਨਵੀਆਂ ਐਂਡਰਾਇਡ UIs ਲਈ ਸਿਫਾਰਿਸ਼ ਕੀਤਾ ਪਹੁੰਚ ਹੈ, ਜੋ ਇੰਟਰਫੇਸ ਬਣਾਉਣ ਦਾ ਇੱਕ reactive, ਸੰਖੇਪ, ਅਤੇ ਵਧੇਰੇ productive ਤਰੀਕਾ ਪ੍ਰਦਾਨ ਕਰਦਾ ਹੈ।

## 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** ਨੂੰ ਟਰੀਗਰ ਕਰਦੀਆਂ ਹਨ (Compose ਪ੍ਰਭਾਵਿਤ composable functions ਨੂੰ ਮੁੜ-ਚਲਾਉਂਦਾ ਹੈ UI ਨੂੰ ਅੱਪਡੇਟ ਕਰਨ ਲਈ) — ਇਹ reactive ਮਾਡਲ ਹੈ।

## 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 ਦਾ ਸਿਫਾਰਿਸ਼ ਕੀਤਾ ਆਧੁਨਿਕ ਐਂਡਰਾਇਡ UI ਪਹੁੰਚ** ਹੈ ਅਤੇ ਐਂਡਰਾਇਡ UI ਵਿਕਾਸ ਦੀ ਦਿਸ਼ਾ ਹੈ, ਇਸ ਲਈ ਇਹ ਸਿੱਖ ਪ੍ਰਗਾੜ ਹਨ।

Compose ਇੱਕ **declarative UI toolkit** ਹੈ ਜੋ XML layouts ਦੀ ਬਜਾਏ composable Kotlin functions ਨਾਲ UIs ਬਣਾਉਂਦਾ ਹੈ — ਐਂਡਰਾਇਡ UIs ਕਿਸ ਤਰ੍ਹਾਂ ਬਣਾਏ ਜਾਂਦੇ ਹਨ ਇਸ ਵਿੱਚ ਇੱਕ ਬੁਨਿਆਦੀ ਪਲਾਸ਼ੋ ਨੂੰ ਦਰਸਾਉਂਦਾ ਹੈ, Flutter, React, ਅਤੇ SwiftUI ਦੁਆਰਾ ਸਾਂਝੇ ਕੀਤੇ ਆਧੁਨਿਕ declarative ਫਲਸਫੇ ਦੇ ਨਾਲ ਸੰਬੰਧਿਤ।

**Declarative, reactive model** ਨੂੰ ਸਮਝਣਾ — ਦਿੱਤੀ ਗਈ state ਲਈ composable functions ਦੇ ਰੂਪ ਵਿੱਚ UI ਨੂੰ ਦਰਸਾਉਣਾ, UI ਸਵੈ-ਅੱਪਡੇਟ ਹੋ ਰਿਹਾ ਹੈ (**recomposition** ਦੁਆਰਾ) ਜਦੋਂ state ਤਬਦੀਲ ਹੋਵੇ — ਮੁੱਖ ਸੰਕਲਪ ਹੈ, ਰਵਾਇਤੀ imperative ਪਹੁੰਚ (ਖ਼ੁਦ ਨਾਲ views ਨੂੰ findViewById ਅਤੇ setters ਨਾਲ manipulate ਕਰਨਾ) ਦੇ ਉਲਟ।

**Composables** (composable functions ਦੁਆਰਾ UIs ਬਣਾਉਣਾ, XML ਜਾਂ findViewById ਤੋਂ ਬਿਨਾਂ) ਅਤੇ **state with recomposition** (state ਦੀਆਂ ਤਬਦੀਲੀਆਂ ਪ੍ਰਭਾਵਿਤ composables ਨੂੰ ਮੁੜ-ਚਲਾਉਂਦੀਆਂ ਹਨ UI ਨੂੰ ਅੱਪਡੇਟ ਕਰਨ ਲਈ) ਨੂੰ ਸਮਝਣਾ Compose UIs ਬਣਾਉਣ ਲਈ ਜ਼ਰੂਰੀ ਹੈ।

**Rवàaitī View system ਦੇ ਨਾਲ ਇਸ ਦੇ ਉਲਟ** (XML + imperative manipulation ਬਨਾਮ declarative Kotlin ਘੱਟ boilerplate ਦੇ ਨਾਲ, reactive state, ਅਤੇ ਵਧੇਰੇ productivity) ਨੂੰ ਸਮਝਣਾ ਸਪੱਸ਼ਟ ਕਰਦਾ ਹੈ ਕਿ ਕਿਉਂ Compose ਤਰਜੀਹੀ ਹੈ ਅਤੇ ਇਹ ਕਿਵੇਂ ਵੱਖਰਾ ਹੈ।

ਕਿਉਂਕਿ Compose ਨਵੀਆਂ ਐਂਡਰਾਇਡ UI ਲਈ Google ਦਾ ਸਿਫਾਰਿਸ਼ ਕੀਤਾ ਪਹੁੰਚ ਹੈ (ਨਵੀਆਂ apps ਇਸ ਨੂੰ ਵਧਦੇ ਹੋਏ ਅਪਣਾ ਰਹੀਆਂ ਹਨ ਅਤੇ ਇਹ ਐਂਡਰਾਇਡ UI ਵਿਕਾਸ ਦੀ ਸਪੱਸ਼ਟ ਦਿਸ਼ਾ ਹੈ), ਅਤੇ ਕਿਉਂਕਿ ਇਸ ਦੇ declarative, reactive ਮਾਡਲ ਅਤੇ ਇਹ ਕਿਸ ਤਰ੍ਹਾਂ ਰਵਾਇਤੀ ਸਿਸਟਮ ਤੋਂ ਵੱਖਰਾ ਹੈ ਨੂੰ ਸਮਝਣਾ ਆਧੁਨਿਕ ਐਂਡਰਾਇਡ ਕੰਮ ਲਈ ਸਿੱਖ ਜ਼ਰੂਰੀ ਹੈ, Jetpack Compose ਨੂੰ ਸਮਝਣਾ ਜ਼ਰੂਰੀ, ਸਿੱਖ ਪ੍ਰਗਾੜ ਐਂਡਰਾਇਡ ਗਿਆਨ ਹੈ — ਐਂਡਰਾਇਡ UIs ਬਣਾਉਣ ਦਾ ਆਧੁਨਿਕ, ਸਿਫਾਰਿਸ਼ ਕੀਤਾ ਤਰੀਕਾ, ਪਲੇਟਫਾਰਮ ਦੀ ਦਿਸ਼ਾ ਨੂੰ ਦਰਸਾਉਂਦਾ ਹੈ ਅਤੇ ਨਵੀਆਂ apps ਬਣਾ ਰਹੇ ਐਂਡਰਾਇਡ developers ਲਈ ਲਾਜ਼ਮੀ ਤੌਰ 'ਤੇ ਉਮੀਦ ਕੀਤਾ ਜਾਂਦਾ ਗਿਆਨ, ਰਵਾਇਤੀ XML-ਅਧਾਰਿਤ view ਸਿਸਟਮ ਤੋਂ ਇੱਕ ਮਹੱਤਵਪੂਰਨ ਵਿਕਾਸ।