iseruuuuu / supabase_udemy_app

ARCHITECTURE.md

全体図

flowchart TB
Riverpod

subgraph Screen
direction TB
WeatherScreen((WeatherScreen))

end

Screen(Screen)
ViewModel(ViewModel)
UseCase(UseCase)
Repository(Repository)
Api(Api)
Screen --> ViewModel
ViewModel --> Screen
Repository --> ViewModel
ViewModel --> Repository
Repository --> Api
Api --> Repository

Loading

アーキテクチャ

Screen

• 取得した天気情報の表示を行っている。
• エラーの際は、ダイアログを表示する。

viewModel

• screenの表示に関わるStateの管理
• screenから受け取った操作（ボタンのタップ）Usecaseに対して天気のデータを取得or更新を伝える役割になっている。

repository

• apiから取得したデータをアプリが使いやすい形に変換し、Usecaseに渡す役割になっている。
• 取得結果（成功か失敗か）をViewModelに伝える役割になっている。

api

• APIからデータを取得する
• fetchWeatherで取得したデータ（Weather）をUsecaseに渡してあげる。

Riverpod の Provider の依存関係図

flowchart TB
  subgraph Arrows
    direction LR
    start1[ ] -..->|read| stop1[ ]
    style start1 height:0px;
    style stop1 height:0px;
    start2[ ] --->|listen| stop2[ ]
    style start2 height:0px;
    style stop2 height:0px;
    start3[ ] ===>|watch| stop3[ ]
    style start3 height:0px;
    style stop3 height:0px;
  end
  subgraph Type
    direction TB
    ConsumerWidget((widget));
    Provider[[provider]];
  end

  weatherScreenViewModelProvider[["weatherScreenViewModelProvider"]];
  weatherRepositoryProvider[["weatherRepositoryProvider"]];
  weatherDatastoreProvider[["weatherDatastoreProvider"]];
  WeatherScreen((WeatherScreen));

  weatherScreenViewModelProvider ==> WeatherScreen;
  weatherDatastoreProvider ==> weatherRepositoryProvider;

Loading

ARCHITECTURE.md