Upgrade to Pro — share decks privately, control downloads, hide ads and more …

チームで採用しているriverpodを使ったFlutterのアーキテクチャとriverpod ...

チームで採用しているriverpodを使ったFlutterのアーキテクチャとriverpod v1.0.0

Kakeru Nakabachi

August 06, 2021
Tweet

More Decks by Kakeru Nakabachi

Other Decks in Programming

Transcript

  1. • Service ◦ DioとRetrofitを使った RemoteDataSource ◦ 定義したabstract class(interface)から実 際にリクエストするコードを生成 •

    Database ◦ SharedPreferencesを使った LocalDataSource ◦ Key - Valueでデータを永続化 同ドメインに関わる複数のメソッドを定義できる getArticle(String id)とか Data 17
  2. riverpod使用ルール ▪ まとめ 1. FutureProvider / StreamProviderの代わりに StateNotifierProvider+AsyncStateNotifier 2. StateProviderの代わりにStateNotifierProvider+StateController

    ➢ プロジェクトで使うProviderをProviderとStateNotifierProviderに制限 3. Provider作成時はref.readは使わないでref.watchのみで統一 ➢ 依存しているProviderが再生成されたときに、変化した値を購読できるよ うにするため ➢ 設計の統一性、Providerの依存を見やすくする 48