ما هو Jetpack Compose؟

Question

Accepted Answer

**Jetpack Compose** هو مجموعة أدوات واجهة مستخدم حديثة وإعلانية من Google للنظام الأساسي Android — بناء واجهات مستخدم باستخدام دوال Kotlin قابلة للتكوين بدلاً من تخطيطات XML. وهو النهج الموصى به من Google لواجهات مستخدم Android الجديدة، حيث يوفر طريقة تفاعلية وموجزة وأكثر إنتاجية لبناء الواجهات.

## ما هو 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)
```

## دالة قابلة للتكوين

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

## الحالة وإعادة التكوين

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

تغييرات الحالة تؤدي إلى **إعادة تكوين** (يعيد Compose تشغيل دوال composable المتأثرة لتحديث واجهة المستخدم) — النموذج التفاعلي.

## Compose مقابل نظام View التقليدي

```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** واتجاه تطور واجهة المستخدم في Android، لذا فهو معرفة ضرورية بشكل متزايد.

Compose هي **مجموعة أدوات واجهة مستخدم إعلانية** تبني واجهات المستخدم باستخدام دوال Kotlin قابلة للتكوين بدلاً من تخطيطات XML — مما يمثل تحولاً أساسياً في طريقة بناء واجهات مستخدم Android، متوافقاً مع الفلسفة الإعلانية الحديثة المشتركة بين Flutter و React و SwiftUI.

فهم **النموذج الإعلاني والتفاعلي** — وصف واجهة المستخدم كدوال قابلة للتكوين لحالة معينة، مع تحديث واجهة المستخدم تلقائياً (عبر **إعادة التكوين**) عندما تتغير الحالة — هو المفهوم الأساسي، في تناقض مع النهج الإلزامي التقليدي (معالجة المناظر يدويًا باستخدام findViewById والمعينات).

فهم **composables** (بناء واجهات المستخدم من خلال تجميع الدوال، بدون XML أو findViewById) و **الحالة مع إعادة التكوين** (تغييرات الحالة التي تؤدي إلى إعادة تشغيل composables المتأثرة لتحديث واجهة المستخدم) ضروري لبناء واجهات مستخدم Compose.

فهم **التناقض مع نظام View التقليدي** (XML + المعالجة الإلزامية مقابل Kotlin الإعلانية مع حد أدنى من الأنماط المبالغ فيها، والحالة التفاعلية، وإنتاجية أكبر) يوضح سبب تفضيل Compose وكيف يختلف.

حيث أن Compose هي النهج الموصى به من Google لواجهة مستخدم Android الجديدة (مع تبني التطبيقات الجديدة لها بشكل متزايد وكونها الاتجاه الواضح لتطور واجهة المستخدم في Android)، وحيث أن فهم نموذجها الإعلاني والتفاعلي وكيفية اختلافه عن النظام التقليدي ضروري بشكل متزايد للعمل الحديث في Android، فإن فهم Jetpack Compose معرفة Android حديثة وضرورية بشكل متزايد — الطريقة الحديثة والموصى بها لبناء واجهات مستخدم Android، تمثل اتجاه المنصة والمعرفة المتوقعة بشكل متزايد من مطوري Android الذين يبنون تطبيقات جديدة، وهي تطور كبير من نظام المناظر التقليدي القائم على XML.