Guide SwiftUI List and ForEach data sources with stable Hashable conformance.
npx skills add https://github.com/chmc/listall --skill swiftui-patterns-chmc
Please help me install this Agent Skill. Skill: swiftui-patterns Source: https://github.com/chmc/listall/tree/main/.claude/skills/swiftui-patterns Command: npx skills add https://github.com/chmc/listall --skill swiftui-patterns-chmc
SwiftUI patterns and antipatterns for List, ForEach, onMove, and data binding, enabling developers to diagnose issues and implement robust list-driven interfaces.
Review the patterns and antipatterns below and apply the recommended List/ForEach strategies to your SwiftUI views.
High-intent search queries and answers about installing and using this skill.
Unstable SwiftUI List drag-and-drop behavior usually stems from using computed properties as data sources or unstable Hashable conformance. You must bind directly to a @Published array and ensure stable identifiers across mutations to maintain predictable UI updates.
Fix ForEach update timing issues by applying correct async persistence patterns during onMove. Delay state mutations until persistence completes, ensuring consistent state across dynamic list updates and preventing UI desync.
The correct data source pattern for a SwiftUI List with onMove requires an explicit @Published array bound directly to the view. Avoid computed properties as data sources to ensure stable drag state and reliable item reordering.
You should not use computed properties as data sources for SwiftUI ForEach loops. This common antipattern breaks drag state stability; instead, use a direct @Published array to maintain predictable UI updates.
Implement reliable item reordering in dynamic SwiftUI lists by combining direct @Published arrays with stable Hashable conformance and correct async persistence timing. This avoids common antipatterns and ensures consistent state during mutations.
AutisticAFMigrate ObservableObject models to @Observable for fine-grained SwiftUI view updates.
syncfusionCreate rule-based data filtering UIs for Blazor applications.
Roy-wonjiDiagnose SwiftUI performance issues by analyzing view invalidation, identity, and layout patterns.
ahmed3elshaerApply MVI pattern to manage Android UI state with intents and ViewModels.
