Merancang ViewModel

ViewModel biasanya merupakan class yang menyimpan state dan logika untuk satu layar. Menggunakan class memungkinkan beberapa View berbagi instance aktif yang sama.

Tambahkan makro @Observable agar SwiftUI melacak perubahan properti dan menggambar ulang View secara otomatis saat state diperbarui.

Berikan ViewModel properti yang dapat dibaca langsung oleh View, seperti greeting yang sudah diformat, agar View tidak perlu membuat string sendiri.

Lacak status UI di dalam ViewModel. Boolean sederhana isLoading memungkinkan View menentukan kapan harus menampilkan indikator putar dan kapan harus menampilkan konten.

Sediakan tindakan sebagai method seperti load() atau save(). View memanggilnya saat diketuk; ViewModel menentukan dengan tepat apa yang terjadi.

Beri nama state berdasarkan apa yang ditampilkan layar, seperti buttonTitle atau baris, bukan berdasarkan data mentah. Dengan begitu, View hampir sepenuhnya deklaratif.

Penguraian, perhitungan, dan kasus khusus berada di dalam ViewModel. View seharusnya melihat nilai yang bersih dan tidak pernah menangani pekerjaan yang rumit.

Berikan setiap layar ViewModel yang fokus. Model kecil dengan satu tujuan jauh lebih mudah dibaca, dipahami, dan diuji.

Inisialisasi ViewModel dengan nilai kosong yang masuk akal, lalu isi saat data tiba. Sementara itu, View menampilkan state kosong yang tenang.

Jangan pernah mengimpor tipe View atau kode tata letak ke dalam ViewModel. Menjaganya bebas dari UI membuatnya portabel dan mudah diuji sebagai unit. ✨

ViewModel kecil ini menyediakan jumlah dan method untuk mengubahnya, sehingga View memiliki semua yang dibutuhkan melalui dua anggota yang jelas.

Anda telah membuat class @Observable yang menyediakan state siap untuk View dan method tindakan, sekaligus menyembunyikan detail yang rumit. Berikutnya Anda akan mengikat View ke dalamnya.