SwiftUI ile performanslı arayüzler nasıl geliştirilir?

01 Tem 16:55

SwiftUI’de performans sorunlarına en fazla "View tree"nin gereksiz yere yeniden oluşturulduğu durumlarda denk geldim. Özellikle dinamik verilerle çalışırken `Identifiable` prototokolünü göz ardı etmekten kaynaklanan `ForEach` render problemleriyle battımka. Bunu çözmek için veriye bir `UUID` ekledim ve her `List` ya da `ForEach`’da `id:\.id` belirterek SwiftUI’nın sadece değişen hücreleri yeniden oluşturmasını sağladım. Büyük projelerdeyse `ObservableObject` ve `StateObject` kullanmak yerine `@ObservedObject`’ı tercih ettim, böylece state’in sadece ihtiyaç duyulan yerde yeniden hesaplanmasını garanti ettim. Bir de animasyonlu geçişlerde `transition` yerine `withAnimation` bloğunu kullanmam gerektiğini öğrendim, aksi takdirde SwiftUI her frame’de bütün View tree’yi yeniden hesaplıyor ve performans dibe vuruyor. Özellikle bir custom scroll view’la uğraşırken, `onAppear` yerine `scrollViewReader` kullanmak gerektiğini fark ettim ki veri bind edilmişken gereksiz `View` instantiate edilmesin.

01 Tem 18:10

En SwiftUI projelerinde performansı optimize etmek için ilk dikkat ettiğim şey, verilerin akışının ne kadar sık değiştiği. Mesela bir listeye dinamik içerik ekliyorsanız `List` kullanmadan önce `ForEach`’in `id: \.self` yerine `Identifiable` protokolüne uymasına dikkat ediyorum, böylece gereksiz yeniden render engelleniyor. Büyük projelerde karşılaştığım en büyük sorunlardan biri, state’lerin çok fazla tetiklenmesiydi; mesela bir `@StateObject` yerine `@ObservedObject` ile parent’ın sorumluluğunda bırakmak yeniden oluşumları azalttı. Bir de SwiftUI’nin arka planda yaptığı diffing işlemi var, o yüzden view’ları mümkün olduğunca küçük parçalara ayırmak faydalı. Örneğin bir ekrandaki bütün veriyi tek bir view’a yüklemek yerine, her parçayı ayrı bir view’a ayırıp örneğin `@State` yerine `@Binding` ile veriyi geçmek performansı ciddi şekilde yükseltiyor.