view identity ও diffing ঘিরে আপনি কীভাবে SwiftUI performance অপ্টিমাইজ করেন?

Question

IT Interview Practice · Accepted Answer

observed state পরিবর্তন হলেই SwiftUI `body` পুনরায় চালায়, তারপর নতুন view tree-কে পুরোনোটির সাথে **diff** করে এবং কেবল যা ভিন্ন তা-ই update করে। Performance সমস্যা আসে সেই diff-কে অতিরিক্ত কাজ করানো থেকে: অস্থির **identity**, অতি-বিস্তৃত **observation**, এবং ব্যয়বহুল `body` গণনা। identity নিয়ন্ত্রণ করে, state scope করে, এবং `body` সস্তা রেখে এটি ঠিক করুন।

## Diffing ও identity কীভাবে কাজ করে

SwiftUI **identity** দিয়ে render জুড়ে view মেলায়। list-এর জন্য এটি `id`; যদি id অস্থির হয়, SwiftUI view-টি update করার বদলে ফেলে দিয়ে পুনর্নির্মাণ করে (state ও animation হারিয়ে)।

```swift
// BAD: array index as id — reorders/inserts break identity, full rebuild
ForEach(items.indices, id: \.self) { i in Row(items[i]) }

// GOOD: stable identity tied to the data
ForEach(items) { item in Row(item) }      // items: Identifiable, stable id
```

## Observation scope করা

একটি `ObservableObject` যেকোনো `@Published` property পরিবর্তন হলে এটি observe করা **প্রতিটি** view পুনরায় render করে। বড় model ভাগ করুন, বা **Observation framework**-এ (`@Observable`, iOS 17+) যান, যা *per-property* read ট্র্যাক করে যাতে একটি view কেবল তখনই পুনরায় render হয় যখন এটি প্রকৃতপক্ষে ব্যবহার করা একটি property পরিবর্তন হয়।

```swift
@Observable final class Feed {     // iOS 17: fine-grained dependency tracking
    var unreadCount = 0            // a view reading only .posts won't re-render on this
    var posts: [Post] = []
}
```

## body সস্তা রাখা

`body` প্রায়ই চলে, তাই কখনো inline ভারী কাজ করবেন না:

```swift
var body: some View {
    List(sortedItems) { ... }      // BAD if sortedItems sorts on every render
}
// GOOD: compute derived data in the model, not in body
```

- subview extract করুন যাতে একটি state পরিবর্তন পুরো screen নয়, একটি **ছোট** view পুনরায় render করে।
- বড় collection-এর জন্য `LazyVStack`/`List` ব্যবহার করুন যাতে off-screen row তৈরি না হয়।
- স্থিতিশীল subtree-তে diffing short-circuit করতে `.equatable()` বা `EquatableView` যোগ করুন।

## সাধারণ ভুল

- `AnyView` type identity মুছে দেয় এবং structural diffing পরাস্ত করে — hot path-এ এটি এড়ান।
- প্রতিটি render-এ একটি নতুন closure/array literal pass করা অপ্রয়োজনীয়ভাবে child view invalidate করতে পারে।

## এটি কেন গুরুত্বপূর্ণ

একটি 120Hz ProMotion display-এ আপনার প্রতি frame-এ ~8ms আছে; একটি `body` যা একটি বড় array sort করে বা একটি পুরো list পুনরায় render করে frame drop করে এবং scroll-এ jank ঘটায়। Senior ইন্টারভিউ view identity ও observation scope খতিয়ে দেখে কারণ সেখানেই প্রকৃত SwiftUI app ধীর হয় — এবং যেখানে কয়েকটি নির্ভুল সংশোধন মসৃণতা ফিরিয়ে আনে।

Diffing ও identity কীভাবে কাজ করে

Observation scope করা

body সস্তা রাখা

সাধারণ ভুল

এটি কেন গুরুত্বপূর্ণ

সম্পর্কিত প্রশ্ন