tomevault-io Flutter / Model-View-ViewModelによる画面構築
- Flutterアプリ開発で、Model-View-ViewModelのアーキテクチャを採用する場合に、このSKILLを適用する
- Flutterアプリ開発で画面設計時には必ず必要となる
依存する主なライブラリ
View / ViewModel
- flutter_riverpod - Provider による状態管理
- hooks_riverpod - HookConsumerWidget
- flutter_hooks - useEffect 等の React-style Hooks
- state_stream - MutableStateStream / StateStream
- state_stream_riverpod - StateStreamProvider（Riverpod連携）
- flutter_riverpod_watch_plus - ref.watchBy（Collection の Deep Equals 対応）
- freezed - 不変データクラス（ScreenState / ScreenEntity / ScreenEvent）
テスト
- riverpod_container_async_test - ref.testReady による ViewModel テスト
- armyknife_dartx - テストユーティリティ
追加ドキュメント
文脈に応じて、下記のドキュメントを追加ロードする. ドキュメント記載の内容を遵守し、ユーザーの指示と統合して出力を行う.
- mvvm-viewmodel-design
- 例: MVVMのViewModel/Modelレイヤー、ViewModel の基本設計（1画面1ViewModel、provider、ファイルレイアウト等）を行う場合
- mvvm-viewmodel-entity
- 例: ScreenEntity の設計、State→Entity 変換（StateToEntityDelegate）を行う場合
- mvvm-viewmodel-usecase
- 例: 画面固有のビジネスロジック（ViewModel 文脈の Usecase）の切り出し・設計を行う場合
- mvvm-viewmodel-state
- 例: ScreenStateの型選択（abstract / sealed）、重複情報の排除、単一ステート等の設計を行う場合
- 例: ScreenStateの設計、実装修正
- mvvm-viewmodel-event
- 例: ViewModelからViewへワンショットイベント（画面遷移・Snackbar等）を伝える設計を行う場合
- mvvm-view-design
- 例: MVVMのViewレイヤー、Widget実装を行う場合
- 例: Riverpodの利用（ref.watch/read、select、watchBy、Providerスコープ等）を行う場合
- 例: ViewModelの初期化処理を記述する場合
- 例: Dependency Injectionの注入を行う場合
- mvvm-viewmodel-test
- 例: ViewModelのUnitTestを行う場合
Source: eaglesakura/ai-agent-headquarters — distributed by TomeVault.