Kepiye carane ngoptimalake performa SwiftUI ing babagan view identity lan diffing?

Question

IT Interview Practice · Accepted Answer

SwiftUI mbaleni mlaku `body` saben ana owah-owahan state sing diamati, banjur **nge-diff** view tree anyar karo sing lawas lan mung nganyari apa sing beda. Masalah performa muncul saka nggawe diff kasebut nindakake gawean sing keakehan: **identity** sing ora stabil, **observation** sing keamba, lan komputasi `body` sing larang. Betulake kanthi ngontrol identity, nyempitake cakupan state, lan njaga `body` tetep murah.

## Kepiye cara kerjane diffing lan identity

SwiftUI nyocogake view ing antarane render adhedhasar **identity**. Kanggo list iki yaiku `id`; yen id-ne ora stabil, SwiftUI mbuwang lan mbangun maneh view kasebut (ilang state lan animasi) tinimbang nganyari.

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

## Nyempitake cakupan observation

Sawijining `ObservableObject` bakal re-render **saben** view sing ngamati nalika **sembarang** property `@Published` owah. Pisahake model gedhe, utawa pindhah menyang **Observation framework** (`@Observable`, iOS 17+), sing nglacak wacan *saben-property* saengga view mung re-render nalika property sing pancen dipigunakake owah.

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

## Njaga body tetep murah

`body` mlaku kerep, mula aja tau nindakake gawean abot kanthi 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
```

- Pisahake subview supaya owah-owahan state mung re-render view sing **cilik**, dudu sakabehe layar.
- Gunakake `LazyVStack`/`List` kanggo koleksi gedhe supaya baris sing ana ing njaba layar ora digawe.
- Tambahake `.equatable()` utawa `EquatableView` kanggo nyingkat diffing ing subtree sing stabil.

## Jebakan

- `AnyView` mbusak type identity lan ngrusak structural diffing — ngindarana ing hot path.
- Menehake closure/array literal anyar ing saben render bisa ngrusak validitas child view kanthi ora perlu.

## Kenapa iki penting

Ing layar ProMotion 120Hz sampeyan mung duwe ~8ms saben frame; sawijining `body` sing ngurutake array gedhe utawa re-render kabeh list bakal njeglong frame lan njujag scroll. Wawancara senior nyelidhiki view identity lan cakupan observation amarga ing kono app SwiftUI nyata dadi alon — lan ing kono sawetara betulan sing tepat bisa mbalekake kalancarane.

Kepiye cara kerjane diffing lan identity

Nyempitake cakupan observation

Njaga body tetep murah

Jebakan

Kenapa iki penting

Pitakon sing gegandhengan