compose-multiplatform-patterns

原文涵盖的主题

• Compose Multiplatformパターン
• 起動条件
• 状態管理
• ViewModel + 単一状態オブジェクト
• Composeでの状態収集
• イベントシンクパターン
• ナビゲーション
• 型安全なナビゲーション（Compose Navigation 2.8+）

Compose MultiplatformとJetpack Composeを使用して、Android、iOS、デスクトップ、Web間で共有UIを構築するためのパターン。状態管理、ナビゲーション、テーマ設定、パフォーマンスをカバーします。 Compose UIの構築（Jetpack ComposeまたはCompose Multiplatform） ViewModelとCompose状態によるUI状態の管理 KMPまたはAndroidプロジェクトでのナビゲーション実装 再利用可能なコンポーザブルとデザインシステムの設計 リコンポジションとレンダリングパフォーマンスの最適化 画面状態には単一のデータクラスを使用します。StateFlowとして公開し、Composeで収集します： 複雑な画面では、複数のコールバックラムダの代わりにイベント用のシールドインターフェースを使用します： ルートを@Serializableオブジェクトとして定義します： 命令型のshow/hideの代わりにdialog()とオーバーレイパターンを使用します： 柔軟性のためにスロットパラメータを持つコンポーザブルを設計します： Modifierの順序は重要です — 以下の順序で適用します： すべてのプロパティが安定している場合、クラスを@Stableまたは@Immutableでマークします： ライフサイクルに対してより安全なcollectAsStateWithLifecycleを使用したMutableStateFlowがある場合にViewModelでmutableStateOfを使用すること コンポーザブルの深い階層にNavControllerを渡すこと — 代わりにラムダコールバックを渡す @Composable関数内の重い計算 — ViewModelかremember {}に移動する 一部の設定では設定変更のたびに再実行されるため、ViewModel initの代替としてLaunchedEffect(Unit)を使用すること コンポーザブルのパラメータに新しいオブジェクトインスタンスを作成すること — 不必要なリコンポジションを引き起こす スキル: モジュール構造とレイヤーについてはandroid-clean-architectureを参照。 スキル: コルーチンとFlowパターンについてはkotlin-coroutines-flowsを参照。