@Observable y el estado compartido

@State es genial para datos locales, pero las apps reales necesitan modelos compartidos entre muchas vistas: un carrito, la sesión del usuario, los ajustes. Para eso llegó el framework Observation con la macro @Observable: reactividad sin ceremonia.

El modelo observable

Marca una clase con @Observable y SwiftUI observará automáticamente cualquier propiedad que uses en una vista:

import Observation

@Observable
class CarritoModel {
    var items: [String] = []
    var total = 0.0

    func añadir(_ item: String, precio: Double) {
        items.append(item)
        total += precio
    }
}

Sin @Published, sin objectWillChange, sin nada. SwiftUI detecta qué propiedades lee cada vista y solo la redibuja cuando esas cambian.

Usarlo en una vista

La vista que “posee” el modelo lo guarda en @State (sí, @State también sirve para objetos observables):

struct TiendaView: View {
    @State private var carrito = CarritoModel()

    var body: some View {
        VStack {
            Text("Total: \(carrito.total, format: .currency(code: "EUR"))")
            Button("Añadir café") {
                carrito.añadir("Café", precio: 1.5)
            }
        }
    }
}

Cambias carrito.total desde el método y la vista se actualiza sola.

@Bindable: bindings a un modelo

¿Necesitas un TextField o Toggle conectado a una propiedad del modelo? @Bindable te da los $bindings:

struct AjustesView: View {
    @Bindable var ajustes: AjustesModel

    var body: some View {
        Form {
            TextField("Nombre", text: $ajustes.nombre)     // $ del modelo
            Toggle("Modo oscuro", isOn: $ajustes.oscuro)
        }
    }
}

@Bindable es el puente entre un objeto @Observable y los controles que piden un Binding.

Adiós a ObservableObject

Si ves código con class X: ObservableObject, @Published var, @StateObject y @ObservedObject, es el sistema anterior. La tabla de equivalencias: