Lists navigate and load in TCA 1.8

[dusiema]

Hi, there is a SwiftUI case study for how to navigate and load in lists.

I'm using this in my App with a NavigationLink that makes use of a destination (with an IfLetStore), a tag and a selection.

NavigationLink(
    "Load optional counter that starts from \(row.count)",
    tag: row.id,
    selection: viewStore.binding(
          get: \.selection?.id,
          send: { .setNavigation(selection: $0) }
    )
) {
IfLetStore(self.store.scope(state: \.selection?.value, action: \.counter)) {
    CounterView(store: $0)
} else: {
    ProgressView()
}

This way when the selection happens I can fire of a request to load data. And then drill down into detail as soon as the IfLetStore state is none nil.

How can this be translated into modern TCA version 1.7/1.8?

Using ForEachStore like in the VoiceMemos example?

Or preferably using NavigationStacks like shown in the tutorials?