Comparing scoped child stores vs. manually initializing child Stores

[missingems]

I’m trying to compare these two implementations to understand the differences, particularly in terms of performance, and to determine which approach is more recommended:

LazyHStack {
    ForEach(
        Array(store.scope(state: \.cards, action: \.cards))
    ) { store in
        CardDetailView(store: store)
    }
}

LazyHStack {
    ForEach(cards) { card in
        CardDetailView(store: Store(Feature(card)))
    }
}

1. How does the scoped store approach differ from creating a new store for each card?
2. Are there performance implications or trade-offs in managing state this way?

Additional context:

1. My parent store doesn’t need to know about actions or state changes in each child store.
2. I’ve also noticed that scoping the feature from a parent store results in a smaller memory footprint.

Any insight would be greatly appreciated! 🙏