Identifiable protocol in iOS Swift - UI Render Trace

Component - Identifiable protocol

The Identifiable protocol in Swift helps uniquely identify data items, especially useful in lists. It allows SwiftUI and other frameworks to track and update UI elements efficiently by knowing which item is which.

Widget Tree

List
└── ForEach
    └── Text

The root is a List that displays multiple rows. Inside the List, a ForEach iterates over an array of identifiable items. Each item is shown using a Text view displaying the item's name.

Render Trace - 3 Steps

Step 1: List

Step 2: ForEach

Step 3: Text

State Change - Re-render

Trigger:Adding a new item to the identifiable items array

Before

Array has 3 items with unique ids

→

After

Array has 4 items with unique ids

Re-renders:Only the new row for the added item is rendered; existing rows remain unchanged

UI Quiz - 3 Questions

Why does SwiftUI require items to conform to Identifiable in a ForEach?

A To sort the items alphabetically

B To uniquely track each item for efficient UI updates

C To change the font of the text

D To add animations automatically

Key Insight

Using the Identifiable protocol allows SwiftUI to efficiently update only the changed parts of a list, improving performance and user experience by avoiding unnecessary redraws.