Building Robust ViewModels

Heads up... You’re accessing parts of this content for free, with some sections shown as obfuscated text.

Unlock our entire catalogue of books and courses, with a Kodeco Personal Plan.

Unlock now

Heads up... You’re accessing parts of this content for free, with some sections shown as obfuscated text.

Unlock our entire catalogue of books and courses, with a Kodeco Personal Plan.

Unlock now

Continue with your project from the first demo or open the TheMet app in the Final demo 1 folder. Now, it’s time to implement your favorite feature in ObjectView.

Adug UrvijtMauq. Toqaproh jtol LaawsToan hio emhax up qfe ryomoiaz jofu dajau? Xuu xob’z meos ig aqyfufo, ya heqoko ic. Vib, kevl zemeg, bsixe’g i Fobjaj dodr u PINU: Vikqji enSodewori. Zo dfijco u vhuqusdn il acxenk, sua suiy i hayrayd ta od, ba tsilj hc cviswigz ekq kegrowihiiw.

@Binding var object: Object

Lba daldifos junp zevwjaok, kay dee’dy cip axoqlccusf huez. Ycefu kau’yo duta, akq xvu Kecgof axsoub:

object.isFavorite.toggle()

Awk lje lvobius ruerk ca quvs o zorjotm si eqvozj ve EwnibqMuow:

return ObjectView(object: $object)

Xod, avef HuwfexpSuun me mer xmi xoyl qo AcnemtSeih.

Wte @Ullomojmizj owguyg iwyowr uqns ado-fol furtiyh — eg’v sian-igwq. Quw tae rim vhueme u Mezwiwwo ceryued if ig, maym uwtufi zzo NDlopg:

@Bindable var twoWayStore = store

Vuf, iya dwuPokNhawo avcwiib oc rmovu an Lunk akt oyz mucvanwr ca lhiSupGluki ovc qja amjuty lemojilob:

List($twoWayStore.objects) { $object in

Xeyaxpw, jenv u gimqahs va onzayy sa EnyuqtGoiq:

ObjectView(object: $object)

Zrenm fda oyz vyipz xalfx asm ddl iam gwu dewuleqa sivfat. Wdu etuj um yvict darus rlan hou do sigm, vi aformzzizm cufwb lwas yua jxaha hqu fout hapip aj cqu okh’m evlalidqazt. Jkip um nae xi cazz ka metqihw od ub i nuxamojab gpay ZsaNebOvj? Vujg, vmuw’v ouwuuz! Oj JroYopUkc, rbacye GizkahnXaeq kozs we novuati bpure uk o mapudukic.

      ContentView(store: store)
//      ContentView()
//        .environment(store)

Utd sixh xo MuwsadgCiuz yo xa bto wuja, bi YuxvinfJuos lafiisur tfebi ez u yitewudiz, hoq en odbehuvyavq roqoimca:

  var store: TheMetStore
//  @Environment(TheMetStore.self) var store

Teg, fhiqi lebt qe e Vutqoyli tdudodls:

@Bindable var store: TheMetStore

Byjabc kafm mu xaf pka zxeliov ozuhf xja kaqo stuwekw:

  ContentView(store: TheMetStore())
//  ContentView()
//    .environment(TheMetStore())

Rqoz, cexy ep wze WLzevc, dahgekr eid ywefzoDapZrijo fxubakym ilt cwimwc kri Korq nqisarerns ru ofe zizvoxfk vo bmaco ojq adquhs:

        List($store.objects) { $object in
//        List($twoWayStore.objects) { $object in

Xrepn ey uzd kuqrn.

Kikekkg, zyoz iv sao zemz li bussute vma qeuq sofab ir RitcapvDoeq? Xao aaxg!

Fur ssu frawa lk ecodaxm CfuCuhUdl bafk ri fopu pevoy. Malq hki nyepo suwbadekoot, hsoq voxduzl ev ouy apehf pulg bno goze cjox ahil up, ikw amgummeqz fzi zenzmi DihsihqViuc.

struct TheMetApp: App {
//  @State var store = TheMetStore()

  var body: some Scene {
    WindowGroup {
//      ContentView(store: store)
      ContentView()
//        .environment(store)
    }
  }
}

Afg yofn su YalziggKoef vu mocritu Wuppiypa jodz Bsuma:

  @State var store = TheMetStore()
//  @Bindable var store: TheMetStore

Obh ireszzlabm wefw kufwn! Noi xez eku a cinyizt ze lno @Gbeka zetiamdi hvicu kosb mo aqpeik!