swiftui-patterns

Topics in the source

• SwiftUI パターン
• 起動条件
• 状態管理
• プロパティラッパーの選択
• @Observable ViewModel
• ViewModelを使用するビュー
• 環境への注入
• ビュー合成

Appleプラットフォーム向けのモダンなSwiftUIパターン。宣言的で高性能なユーザーインターフェースを構築するために使用する。Observationフレームワーク、ビュー合成、型安全なナビゲーション、パフォーマンス最適化をカバーする。 SwiftUIビューを構築し、状態を管理する場合（@State、@Observable、@Binding） NavigationStack を使用したナビゲーションフローを設計する場合 ビューモデルとデータフローを構築する場合 リストと複雑なレイアウトのレンダリングパフォーマンスを最適化する場合 SwiftUIで環境値と依存性注入を使用する場合 最も適したシンプルなラッパーを選択する： | ラッパー | 使用場面 | |---------|----------| | @State | ビューローカルな値型（トグル、フォームフィールド、シート表示） | | @Binding | 親ビューの @State への双方向参照 | | @Observable クラス + @State | 複数のプロパティを持つ所有モデル | | @Observable クラス（ラッパーなし） | 親ビューから渡される読み取り専用参照 | | @Bindable | @Observable プロパティへの双方向バインディング | | @Environment | .environment() で注入された共有依存関係 | ObservableObject ではなく @Observable を使用する——プロパティレベルの変更を追跡するため、SwiftUIは変更されたプロパティを読み取ったビューのみを再レンダリングする： @EnvironmentObject の代わりに @Environment を使用する： ビューを小さく焦点を絞った構造体に分割する。状態が変化した場合、その状態を読み取ったサブビューのみが再レンダリングされる： NavigationStack と NavigationPath を使用して、プログラム的で型安全なルーティングを実現する： LazyVStack と LazyHStack はビューが表示される時のみ作成する： ForEach では常に安定した一意のIDを使用する——配列インデックスは避ける： body 内でI/O、ネットワーク呼び出し、重い計算を絶対に実行しない 非同期処理には .task {} を使用する——ビューが消えると自動的にキャンセルされる スクロールビューでは .sensoryFeedback() と .geometryGroup() を慎重に使用する リストでは .shadow()、.blur()、.mask() の使用を最小化する——画面外レンダリングを引き起こす bodyの計算が高コストなビューには、不要

This is an excerpt. Refer to the complete source and its current requirements.