Si e optimizoni performancën e SwiftUI-t rreth identitetit të view-t dhe diffing-ut?

Question

IT Interview Practice · Accepted Answer

SwiftUI ri-ekzekuton `body` sa herë që gjendja e vëzhguar ndryshon, pastaj bën **diff** mbi pemën e re të view-ve kundrejt asaj të vjetër dhe përditëson vetëm atë që ndryshon. Problemet e performancës vijnë nga bërja e këtij diff-i të bëjë tepër punë: **identitet** i paqëndrueshëm, **vëzhgim** tepër i gjerë dhe llogaritje të kushtueshme të `body`. Rregullojeni duke kontrolluar identitetin, kufizuar gjendjen dhe mbajtur `body` të lirë.

## Si funksionojnë diffing-u dhe identiteti

SwiftUI i përputh view-t nëpër render-e sipas **identitetit**. Për listat ky është `id`; nëse id-ja është e paqëndrueshme, SwiftUI e hedh dhe rindërton view-n (duke humbur gjendjen dhe animacionet) në vend që ta përditësojë.

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

## Kufizimi i vëzhgimit

Një `ObservableObject` ri-renderon **çdo** view që e vëzhgon sa herë që **cilado** veti `@Published` ndryshon. Ndani modelet e mëdha, ose kaloni te **Observation framework** (`@Observable`, iOS 17+), i cili gjurmon lexime *për-veti* kështu që një view ri-renderohet vetëm kur një veti që e përdori faktikisht ndryshon.

```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] = []
}
```

## Mbajtja e body-t e lirë

`body` ekzekutohet shpesh, ndaj kurrë mos bëni punë të rëndë brenda tij:

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

- Nxirrni subview-t që një ndryshim gjendjeje të ri-renderojë një view **të vogël**, jo të gjithë ekranin.
- Përdorni `LazyVStack`/`List` për koleksione të mëdha që rreshtat jashtë ekranit të mos ndërtohen.
- Shtoni `.equatable()` ose `EquatableView` për të shkurtuar diffing-un mbi nën-pemët e qëndrueshme.

## Kurthe

- `AnyView` fshin identitetin e tipit dhe mund diffing-un strukturor — shmangeni në hot path.
- Kalimi i një closure/array literal të ri çdo render mund të invalidojë view-t fëmijë pa nevojë.

## Pse ka rëndësi

Në një ekran 120Hz ProMotion ju keni ~8ms për frame; një `body` që rendit një array të madh ose ri-renderon një listë të tërë humb frame-e dhe bën scroll-in me nervozizëm. Intervistat senior e hetojnë identitetin e view-t dhe fushëveprimin e vëzhgimit sepse aty ngadalësohen app-et reale të SwiftUI-t — dhe aty ku disa rregullime të sakta e rikthejnë butësinë.

Si funksionojnë diffing-u dhe identiteti

Kufizimi i vëzhgimit

Mbajtja e body-t e lirë

Kurthe

Pse ka rëndësi

Pyetje të ngjashme